jquery - 使用 jQuery 有效地增加表格单元格

Question

这应该很简单。标题中的关键词是“高效”。

我有:

<td id="pieceCount">13</td>

我想将单元格值增加 14。该单元格将始终只包含整数。为此，我目前有:

$("#pieceCount").text(parseInt($("#pieceCount").text()) + 14);

效果很好。然而，发送 jQuery 寻找 #pieceCount 两次似乎效率很低。

有没有办法可以在外部 text() 调用中使用 this 或 $(this) 来引用 #pieceCount 元素 jQuery 已经找到？或者也许还有另一种技术？

Answer 1

是的，尽可能重用选择器:

var $e = $("#pieceCount");
$e.text(~~$e.text()+ 14);

此外~~是整数转换的快速快捷方式

您还可以将函数传递给 text，如下所示:

$("#pieceCount").text(function(){ return ~~$(this).text()+14 });

注意:正如@Archer指出的那样，您可以使用原始DOM元素的innerText属性来处理内部文本，但我倾向于使用jQuery来进行隔离(和 VS 中的智能感知)。并作为@A。 Wolff 指出，现有文本值作为参数传递给任何传递给 text() 的函数。

$("#pieceCount").text(function(i, t){ return ~~t+14 });

引用:https://api.jquery.com/text/#text-function