모든 형제 자매를 반복하고 해당 ID를 업데이트하십시오.

Question

다음과 같은 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에. 그래서 내 문제는 다음 ID의 -1로 모든 다음 div의 ID를 업데이트하고 싶습니다. 따라서 내가 <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> 

삭제 코드가 정상적으로 작동합니다. ID를 다른 div로 업데이트하고 싶습니다. 업데이트 된 ID가있는 DIV가 5 개 밖에 없다는 것을 알 수 있습니다. 나는 jQuery에별로 좋지 않다.

도와주세요. 고맙습니다.

Answer 1

당신이해야 할 것은 제거한 후 존재하는 사업부를 계산이다 ..

당신이 그것에 클래스를 추가하면 쉽게 것 또는 .. 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> 

를 DIV를 추가하고 특정 요소를 제거 후 계산

...remove(); //your code 
$('#divID').siblings().each(function(n) { 
    $(this).attr('id', 'div_' + n); 
    }); 

Answer 2

과 같이 사용 무언가를 제거한 후 :

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