删除表jquery中的所有行id后面的行更改

Question

我正在使用yii-editable-grid

示例：

<tbody>
    <tr id='0'> <td>Row 1</td> <td>Delete</td></tr>
    <tr id='1'> <td>Row 2</td> <td>Delete</td></tr>
    <tr id='2'> <td>Row 3</td> <td>Delete</td></tr>
    <tr id='3'> <td>Row 4</td> <td>Delete</td></tr>
</tbody>

当删除行2应更改表格中下一行的ID时

<tbody>
      <tr id='0'> <td>Row 1</td> </tr>      
      <tr id='1'> <td>Row 3</td> </tr>
      <tr id='2'> <td>Row 4</td> </tr>
 </tbody>

请有人帮忙解决此问题吗？

Answer 1

试

$("tr").click(function () {
    $(this).remove();
    $("tr").prop("id", function () {
        return $(this).index();

    });
});

<强> DEMO

使用 nextAll() 来阻止不必要的更改

$("tr").click(function () {
    var id = this.id;
    $(this).nextAll("tr").prop("id", function () {
        return id++;
    });
    $(this).remove();

});

<强> DEMO