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 分配为循环的值

即

• 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)
})

Fiddle