javascript - 如何在没有表长度的情况下创建和递增数字

Question

我想增加表格每行第一列中的数字。我想在不知道数据长度的情况下完成它。

我尝试了这个，数字不会增加，只是在每行中显示变量值。

$(document).ready(function (e) {
    if ($("#checker").val() == "ka") {
        var data = $("#report_all").serialize();

        $('#all_report thead').empty();
        $('#all_report tbody').empty();
        $.ajax({
            data: data,
            type: "Post",
            url: "../php/report/report_all_KA.php",
            success: function (data) {
                var list = JSON.parse(data);

                for (var x = 0; i < list.length; i++) {
                    var n = 1;
                    n = list.length++;
                }
                var th = "";

                th += "<th>" + "<center>" + 'no' + "</center>" + "</th>";
                th += "<th>" + "<center>" + 'Tanggal' + "</center>" + "</th>";
                th += "<th>" + "<center>" + 'Type Kadar Air' + "</center>" + "</th>";
                th += "<th>" + "<center>" + 'Kode Material' + "</center>" + "</th>";
                th += "<th>" + "<center>" + 'Nama Material' + "</center>" + "</th>";
                th += "<th>" + "<center>" + 'Storage Location' + "</center>" + "</th>";
                th += "<th>" + "<center>" + 'Kadar Air' + "</center>" + "</th>";
                th += "<th>" + "<center>" + 'Nama PPIC' + "</center>" + "</th>";

                th += "</th>";
                $("#all_report thead").append(th);
                for (var i = 0; i < list.length; i++) {

                    var tr = "<tr>";
                    tr += "<td>" + n + "</td>";
                    tr += "<td>" + list[i]['date'] + "</td>";
                    tr += "<td>" + list[i]['type'] + "</td>";
                    tr += "<td>" + list[i]['kode'] + "</td>";
                    tr += "<td>" + list[i]['nama'] + "</td>";
                    tr += "<td>" + list[i]['sloc'] + "</td>";
                    tr += "<td>" + list[i]['ka'] + "</td>";
                    tr += "<td>" + list[i]['ppic'] + "</td>";

                    tr += "</tr>";

                    $("#all_report tbody").append(tr);
                    $("#all_report").show();
                }
                return false;
            }
        });
    //[...]

上面整个代码中我为增量编写的代码是这样的。

for(var x = 0; i < list.length; i++){
  var n=1;
  n= list.length++;
}

Answer 1

如果您只是在表中查找与行号相对应的列，则可以替换 "<td>" +n+"</td>"与 "<td>"+(i+1)+"</td>" .

那么你甚至不需要其他循环!