jQueryのクラス名からの名前変更

Question

私は次のHTMLを持っています。そのテーブルには、多くの行id = rows_xを含むことができます。 row_2が削除されているので

私がする必要がある：

<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 = "row_2"

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

を削除しますクリックするとIDボタンを持っています次のすべての行の名前を変更することができます。

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を。