javascript - 使用循环设置 HTML 文本

Question

我当前正在对 SharePoint 列表运行 REST 查询，并尝试使用 $().text() 脚本显示结果。我可以使用它，但我认为有一种更有效的方法。我有很多需要设置的字段，但它们是连续数字的，只是认为应该有更好的方法。下面的例子:

$('#div1Id').text(data.d.results[0].slot1);
$('#div2Id').text(data.d.results[0].slot2);
$('#div3Id').text(data.d.results[0].slot3);

等等 x20 字段... 我在下面尝试过，但我确信出于对你们来说显而易见的原因，所有知道您在做什么的人都知道这是行不通的。 “divId”加载正常，但 dataId 显示文本“data.d.results[0].slot1”/2/3/etc 而不是实际的 data.d.results:

for (i=1;i<21;i++){
var divId = "#div"+i+"Id";
var dataId = "data.d.results[0].slot"+i;
$('+divId+').text(dataId);
}

Answer 1

根据您的第一个示例的用途，我认为您想要这样:

for (i = 1; i < 21; i++) {
    var divId = "#div" + i + "Id";

    // access the value from the "slot#" property of the object
    var data = data.d.results[0]['slot' + i];

    // get the correct div based on the id and then 
    // set its text to the value
    $(divId).text(data);
}