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

Question

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

我试图重命名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);
});

Answer 2

如果您想要一个广泛的组，标识符主要用于挑选出元素。
我建议您将 id 转换为一个类，例如

<a class="test"></a>

然后您可以使用选择器访问所有元素

$(".test") // gathers all elements that contain that class

，如果您想枚举所有元素，您可以在回调中使用带有两个参数的 every 函数

$.each($(".test"), function(a,b){
//a is the index
//b is the element
b.attr("id", a); // to set each element id to their index
});

Answer 3

这是行不通的，您首先必须拥有唯一的 ID。
或者不要使用 id="fixedRate"，而是使用 class="fixedRate" 并使用 $(".fixedRate") 代替。
发布了一个示例 jsfiddle http://jsfiddle.net/playerace/L4szw/ ，并注意该警报只出现一次。

Answer 4

试试这个：

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

您不需要注意行数。

并使用一个类来调用所有费率，然后分配一个id。

Answer 5

您也许可以尝试使用类似于：

$('tbody tr[id^="fixedRate"]').each(
    function(i){
        this.id = 'fixedRate' + i;
    });

JS Fiddle demo 的内容。