0

我有如下的 DIV 列表。

<div id="div_0">Some Content</div>
<div id="div_1">Some Content</div>
<div id="div_2">Some Content</div>
<div id="div_3">Some Content</div>
<div id="div_4">Some Content</div>
<div id="div_5">Some Content</div>
<div id="div_6">Some Content</div>

我已经编写了代码来动态删除任何这个 div。所以我的问题是我想将下一个所有 div 的 ID 更新为 ID 中的 -1。因此，如果我单击删除的十字图标，<div id="div_2">我想更新我的其他 div，如下所示。

<div id="div_0">Some Content</div>
<div id="div_1">Some Content</div>
<div id="div_2">Some Content</div>
<div id="div_3">Some Content</div>
<div id="div_4">Some Content</div>
<div id="div_5">Some Content</div>

删除代码工作正常。我只想更新其他 div 的 ID。你可以看到，现在只有 5 个 DIV 更新了 ID。我不太擅长 jQuery。

请帮我。谢谢你。

4

2 回答 2

4

您需要在这里做的是，计算删除后存在的 div。

如果您向其中添加一个类或添加一个包含它的 div（带有 id），这将很容易。

<div id="divID">
   <div id="div_0">Some Content</div>
   <div id="div_1">Some Content</div>
   <div id="div_2">Some Content</div>
   <div id="div_3">Some Content</div>
   <div id="div_4">Some Content</div>
   <div id="div_5">Some Content</div>
   <div id="div_6">Some Content</div>
</div>

并在删除某些元素后对其进行计数

 ...remove(); //your code
 $('#divID').siblings().each(function(n) {
    $(this).attr('id', 'div_' + n);
  });
于 2013-08-02T13:02:33.587 回答
0

删除后使用这样的东西：

// you can specify selector here 
$('div').each(function(n) {
    $(this).attr('id', 'div_' + n);
});
于 2013-08-02T12:59:28.113 回答