jQuery從類元素中重命名爲

Question

我有以下的html。它的表可以包含許多行id = rows_x。

<div class="row_table" id="row_1"> 
<div class="row_table" id="row_2"> 
<div class="row_table" id="row_3"> 
<div class="row_table" id="row_4"> 

然後，我有ID按鈕，一旦點擊會刪除ID = 「row_2」

$("#button").click(function(){ 
    $('#row_2').remove(); 
    /* Rename rows id goes here */ 
} 

現在我的問題：

由於row_2已被刪除，我需要能夠重命名所有後續行。

row_3應該成爲row_2等..

Answer 1

我建議：

$("#button").click(function(){ 
    $('#row_2').remove(); 

    // iterates through each of the elements matched by the selector 
    $('.row_table').each(
      // i represents the index of each of the elements 
      function(i){ 
       // sets the id of each of the returned elements 
       // to the string concatenated with the expression 'i + 1' 
       this.id = 'row_' + (i+1); 
      }); 
}); 

JS Fiddle。