2010-01-15 23 views
0

除去TR之後更新老號列I有一個像的「刪除按鈕」如何從表

<table> 
<tr> 
    <td>Sr. No.</td> 
    <td> Name</td> 
    <td>$nbsp;</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>abc</td> 
    <td>remove button</td> 

</tr> 
<tr> 
    <td>2</td> 
    <td>xyz</td> 
    <td>remove button</td> 
</tr> 
<tr> 
    <td>3</td> 
    <td>def</td> 
    <td>remove button</td> 
</tr> 

的onclick我成功響應之後發送AJAX請求&表我刪除相應的TR使用$('#id_of_tr')。remove();.

直到這裏一切順利,但現在我想更新每行的高級編號。因爲最初訂單是1 2 3,當我刪除第二行時,它變成了1 3,我想將它更新到1 2.

我希望這會有所幫助。

回答

0

像這樣:

// Your AJAX Call 
$.post('/delete', {id: 2}, function(data){ 
    // your code that removes the tr here 

    $('table tr').each(function(index, el){ 
    $(this).find('td:first').text(index + 1); 
    }) 
}) 
+0

非常感謝。這真的幫了我。 但我又陷入了新的問題。讓我出來吧。 再次感謝。 – user251336