jquery - jquery将表格行值比当前值小一

Question

我有一个表格，可以添加和删除项目。一旦删除了一个项目，我希望所有大于已删除项目的表索引项目都减少一个。如果我想更改所有大于删除行的文本，我可以这样做。

   $("#quote tbody tr:gt("+rownumber+")").find('.item_num').text("CHANGE TO THIS TEXT");

我要更改的值是一个数字，如何将其更改为比当前值小一？谢谢

Answer 1

它有点复杂，因此您需要显式而不是隐式地循环遍历元素以找到当前值然后递增它。

$("#quote tbody tr:gt("+rownumber+")").each(function(i, el) {
    var $item_num = $(el).find('.item_num');
    $item_num.text(parseInt($item_num.text())-1);
});

Answer 2

你不需要循环：

$("#quote tbody tr:gt("+rownumber+")").find('.item_num').text(function() {
  return parseInt($(this).text(), 10) - 1;
});

这是一个简单的示例小提琴