重建DIV id

时间:2012-08-31 12:20:20

标签: jquery

我有一块输出div的php(取决于数组中的数量)并指定div具有id(即div_1,div_2)等

我还设置了一个隐藏字段,其中包含输出的div数量(divcount)

所以我说我有5个div然后div的id将是

  • div_1,
  • div_2,
  • div_3
  • 等等
  • ,隐藏字段(divcount)将设置为5

如果div_2被删除,我将divcount hidden字段设置为4.

我现在需要做的是重建另一个div的id:

  • div_1,
  • div_2,
  • div_3,
  • div_4, 但目前我留下了div_1,div_3,div_4,div_5

我想我需要一个循环遍历每个div并为该循环的值分配THAT div的id

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

有人可以建议如何做到这一点吗?

提前致谢!

2 个答案:

答案 0 :(得分:2)

您可以使用each方法。

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

Fiddle

答案 1 :(得分:1)

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

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