jquery - 重建 DIV id

Question

我有一段 php 输出 div（取决于数组中有多少）并为该 div 分配一个 id（即 div_1、div_2）等

我还设置了一个隐藏字段，其中包含输出了多少 div 的计数（divcount）

所以假设我有 5 个 div，那么 div 的 id 将是

• div_1,
• div_2,
• div_3
• 等等等等
• 并且隐藏字段（divcount）将设置为 5

如果 div_2 被删除，我将 divcount 隐藏字段设置为 4。

我现在需要做的是将另一个 div 的 id 重建为：

• div_1,
• div_2,
• div_3，
• div_4，但目前我只剩下 div_1、div_3、div_4、div_5

我想我需要一个循环来循环遍历每个 div 并将那个 div 的 id 分配给循环的值

IE

• div_1 id 变成 div_1
• div_3 id 变成 div_2
• div_4 id 变为 div_3
• div_5 id 变为 div_4

谁能建议如何做到这一点？

提前致谢！

Answer 1

你可以使用each方法。

$('div[id^="div_"]').each(function(i){
   this.id = 'div_'+(++i)
})

小提琴

Answer 2

jquery的每个功能都是要走的路...

var tally = 1;
$("div[id*=div_]").each( function() {
    $(this).prop("id","div_"+tally);
    tally++;
});