jQuery: Как обновить номер строки при добавлении первой строки?

Question

Я таблицу, как это:

<table class="table table-striped table-bordered table-hover table-condensed" id="table"> 
     <tr> 
      <td>rowNumber</td> 
      <td>Product Name</td> 
      <td>Price</td> 
     </tr> 
     <tr> 
      <td>1</td> 
      <td>item1</td> 
      <td>250000</td> 
     </tr> 
     <tr> 
      <td>2</td> 
      <td>item2</td> 
      <td>250000</td> 
     </tr> 
    </table> 

Я также добавлять новую строку таким образом (данные будут добавлять в таблицу при добавлении новой записи):

if ($('#table').length) { 
    $('#table tr:first').after("<tr>" + 
          "<td>" + ? + "</td>" + 
          "<td>" + data.Title + "</td>" + 
          "<td>" + data.Price + "</td>" + 
          "</tr>"); 
} 

Как вы можете видеть, я добавьте новую строку в первую строку таблицы. Теперь я хочу добавить новую строку с номером rowNumber 1, тогда все остальные rowNumber получат обновление.
Любая идея?

Answer 1

После того, как вы приложили новую строку, вы можете установить ROWNUMBER, проходящие через все строки (кроме первого):

if ($('#table').length) { 
    $('#table tr:first').after("<tr>" + 
     "<td></td>" + 
     "<td>" + data.Title + "</td>" + 
     "<td>" + data.Price + "</td>" + 
     "</tr>"); 

    $("#table tr:not(:first-child) td:first-child").each(function(index,item){ 
     $(this).text(index+1); 
    }); 
} 

Fiddle