Question

我有很多行的表。每行在UI中标识一些有序数字，如1,2,3等。此有序数字也显示在UI中。

删除行时，应该动态更改订单

如果删除第二行。然后其他行应按顺序再次排序为1,2,3等。

我该怎么做？

Answer 1

删除行时可以执行类似的操作：

$("tr").click(function() {
    var $table = $(this).closest('table');
    $(this).remove();
    $table.find('tr > td:first-child').map(function() {
        $(this).html($(this).closest('tr')[0].rowIndex + 1);
    });
});

演示：http://jsfiddle.net/karim79/E5bCr/

Answer 2

演示很好。但我认为问题是如何重新排序表中的编号。我做了类似的事情，但以不同的方式..我没有找到如何重新订购编号但相反，因为表内容来自数据库。我重新查询数据库并获取所有记录..

$("#my_table tbody").find("tr").remove(); //remove the tr's from below tbody
$.getJSON("file.php",function(json){
ctr = 1;
for(i=0;i<json.length;i++){
 $('#my_table tbody:first').append('<tr><td>'+ctr+'</td></tr>');
ctr++;
});

这是我的临时解决方案。

Answer 3

<script>
    var gCounter = 1; // global
    $('table').bind('row_deleted',
        function () {
            gCounter = 1; // reset
            $(this).find('tbody tr').each(
                function() {
                    $(this).find(':first-child').html(gCounter++);
                });
        });

    $('#your_table').trigger('row_deleted');

</script>

删除td并更改单元格数据

3 个答案: