时间戳

首页 > 解决方案 > 向 DOM 元素 jquery 添加数字的最有效/最快的方法

javascript - 向 DOM 元素 jquery 添加数字的最有效/最快的方法

问题描述

我正在学习 jQuery 的基础知识并测试我所知道的，我尝试将 1 添加到<span>存储数字的 DOM 元素 ( ) 的文本中。中的数字<span>成功增加了 1，但是我觉得我更新元素的方式不是最好的方式，因为我似乎需要调用相同的 jQuery 函数两次（见下面的代码）。

有人可以提出更好的做法吗？

HTML

<button onclick="foo('a')">
    <span id="a">0</span> liked this
</button>

JS(jQuery)

function foo(elementId){
    $('#' + elementId).text(parseInt($('#' + elementId).text()) + 1);
}

谢谢 ：-）

标签： javascriptjquerydom

解决方案

避免使用内联事件处理程序是第一件事。设置事件处理程序后，您可以通过以下方式引用元素this：

$('button').click(function() {
  $(this).find('span').text( parseInt($(this).find('span').text()) + 1 );
})

推荐阅读