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

jQuery：如何在添加第一行时更新行号？

1 个答案: