Loop all siblings div and update its id

-1

我有如下的DIV列表。Loop all siblings div and update its id

<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。所以我的問題是我想在ID中更新下一個div的-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。

請幫幫我。謝謝。

來源

2013-08-02 Jay Shukla

你能展示你的代碼嗎？ – NullPointer

這是您的問題的[答案]（http://stackoverflow.com/questions/12215268/rebuild-div-ids?rq=1）。根據您的要求，您只需稍加修改即可。 – NullPointer

謝謝。我已經嘗試過使用jQuery.each，但現在我認爲我明白了。我的選擇器是錯誤的獲得ID。感謝您的類似問題鏈接。 –

你需要做的是算的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-02 13:02:33 bipen

謝謝。我認爲這會很好。 –

歡迎...很高興幫助..讓我知道如果有任何問題...快樂編碼.. – bipen

移除使用這樣的事情後：

// you can specify selector here 
$('div').each(function(n) { 
    $(this).attr('id', 'div_' + n); 
});

來源

2013-08-02 12:59:28 YD1m

Loop all siblings div and update its id

回答

相關問題