删除表 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