jQuery every 循环重命名 ID 的每个实例

Question

我有一个页面正在表中创建动态创建的行，其输入的 ID 为“fixedRate”

我正在尝试重命名固定速率 ID 的每个实例。这仅适用于我当前代码的 id 的第一个实例。

这是代码:

var amountRows = $("#billTasks > tr").size();
var i=1;


$("#fixedRate").each(function(){

if (i == amountRows) {
    return false; 
}
    this.id = this.id + i;
    i++;
});

我认为代码应该工作的方式是在每个固定速率 ID 实例的固定速率一词的末尾添加 1,2,3,...。 (即fixedRate1，fixedRate2，...)

我需要使用 while 循环吗？我尝试了很多不同的事情，包括 while 循环，并成功地一次又一次地使我的浏览器崩溃。所以现在我正在寻求你的帮助!

谢谢!!!

Answer 1

当使用 id 选择器时，jQuery 仅返回第一个实例。

每个 id 值在文档中只能使用一次。如果多个元素被分配了相同的 ID，则使用该 ID 的查询将仅选择 DOM 中第一个匹配的元素。

http://api.jquery.com/id-selector/

由于仅返回一个元素，因此每个循环仅运行一次。

您有两种可能的解决方案。您可以更新脚本中自动生成fixedRate id 的逻辑，以便生成唯一的id，也可以让该脚本设置fixedRate 类而不是id。然后，您可以循环遍历每个类并为其分配唯一的 id。

$(".fixedRate").each(function(i) {
    var row = $(this)
    row.attr('id', 'fixedRate' + i);
});