Javascript 如何使用“内容”创建新的HTML元素；i+；1“；对于数据数组的每次迭代

我目前正在我的网站上显示我数据库中的一些数据，这是一个行列表，每个行包含两个元素，一个“名称”和一个“分数”。我使用一些Jquery和Ajax来正确地显示它们，它获取它们，动态地为它们创建一个表，然后将每一行插入到这个表中

一切都运行得很好，但是由于分数是按分数递减顺序从数据库返回的，我想在每一行中创建第三个元素。我希望这个元素是一个等级（如“1”、“2”、“3”等），我希望它出现在每行的开头

这是创建表并插入数据的Jquery：

  function makeTable(data){
   var tbl_body = "";
      $.each(data, function() {
        var tbl_row = "";
        $.each(this, function(k , v) {
          tbl_row += "<td>"+v+"</td>";
        })
        tbl_body += "<tr>"+tbl_row+"</tr>";                 
      })

    return tbl_body;
  }

函数生成表（数据）{
var tbl_body=“”；
$.each（数据，函数（）{
var tbl_row=“”；
$。每个（此，函数（k，v）{
tbl_行+=“+v+”；
})
tbl_正文+=“”+tbl_行+“”；
})
返回tbl_体；
}

我试过这个：

  function makeTable(data){
   var tbl_body = "";
      $.each(data, function(var i = 0; i++) {
        var tbl_row = "";
        $.each(this, function(k , v) {
          tbl_row += "<td>"+v+"</td>";
        })
        tbl_body += "<tr>"+tbl_row+"<td>"+[i+1]+"</td>"+"</tr>";                 
      })

    return tbl_body;
  }

函数生成表（数据）{
var tbl_body=“”；
$.each（数据、函数（变量i=0；i++）{
var tbl_row=“”；
$。每个（此，函数（k，v）{
tbl_行+=“+v+”；
})
tbl_正文+=“”+tbl_行+++[i+1]+“”；
})
返回tbl_体；
}

要生成如下所示的输出：

1约翰·多伊1000
2无名氏750
3 Jack Daw 500

---

但它不起作用。创建一个额外的元素来计算每次迭代的次数可能相对简单，但我不确定要使用什么语法来实现这一点，非常感谢您的帮助，提前谢谢

您的问题是在哪里输出“排名”：

这应在标准操作括号内，而不是索引括号内：

(i+1)

---

您的问题是输出“排名”的位置：

这应在标准操作括号内，而不是索引括号内：

(i+1)

---

我假设是第一个

$.each(data, function()

正在遍历行，因此函数应该为您提供该行的索引

试试这个：

function makeTable(data){
    var tbl_body = "";
    $.each(data, function(i, row) {
        var tbl_row = "";
        tbl_row += "<td>"+i+"</td>";
        $.each(row, function(k , column) {
          tbl_row += "<td>"+column+"</td>";
        })
        tbl_body += "<tr>"+tbl_row+"</tr>";                 
    })

    return tbl_body;
}

函数生成表（数据）{
var tbl_body=“”；
$。每个（数据、函数（i、行）{
var tbl_row=“”；
tbl_行+=“+i+”；
$.each（行，函数（k，列）{
tbl_行+=“”+列+“”；
})
tbl_正文+=“”+tbl_行+“”；
})
返回tbl_体；
}

我假设第一个

$.each(data, function()

正在遍历行，因此函数应该为您提供该行的索引

试试这个：

function makeTable(data){
    var tbl_body = "";
    $.each(data, function(i, row) {
        var tbl_row = "";
        tbl_row += "<td>"+i+"</td>";
        $.each(row, function(k , column) {
          tbl_row += "<td>"+column+"</td>";
        })
        tbl_body += "<tr>"+tbl_row+"</tr>";                 
    })

    return tbl_body;
}

函数生成表（数据）{
var tbl_body=“”；
$。每个（数据、函数（i、行）{
var tbl_row=“”；
tbl_行+=“+i+”；
$.each（行，函数（k，列）{
tbl_行+=“”+列+“”；
})
tbl_正文+=“”+tbl_行+“”；
})
返回tbl_体；
}

函数生成表（数据）{
var tbl_body=“”；
var指数=0；
$.each（数据，函数（）{
var tbl_row=“”；
索引++；
$。每个（此，函数（k，v）{
tbl_行+=“+v+”；
})
tbl_正文+=“”+索引+“”+tbl_行+“”；
});
返回tbl_体；
}

函数生成表（数据）{
var tbl_body=“”；
var指数=0；
$.each（数据，函数（）{
var tbl_row=“”；
索引++；
$。每个（此，函数（k，v）{
tbl_行+=“+v+”；
})
tbl_正文+=“”+索引+“”+tbl_行+“”；
});
返回tbl_体；
}

[i+1]应该是（i+1）用

tbl\u行+=…

替换

tbl\u行+=…

[i+1]应该是（i+1）用

tbl\u行+=…

替换

tbl\u行+=…