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を更新したいだけです。ご覧のとおり、ID が更新された DIV は 5 つだけです。私は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 に答える