将 JSON 内容输出到页面

Question

我有一些代码正在查看 JSON 文件，然后需要将文件中的名称导出到编号的 div 中；

$(data).each(function(i, el){
    var get_firstName = data[i].firstName;
    var nameItem = i+1;
    var outPutId = '#name-' + nameItem;
                                
    $(outPutId).html(get_firstName);
                
    console.log(outPutId);
    console.log(get_firstName);
});

还有 HTML：

<div id="#name-1"> </div>
<div id="#name-2"> </div>

我在控制台日志中看到的似乎是正确的，输出“#name-1”，然后是“John”，然后是下一个条目，等等。 但是，页面上的 div 仍然是空的。

Answer 1

您的 div 名称中有 #，这是多余的，但我不知道这是一个错字还是您想让它们像那样。您的 outPutId 的值为 #name-1 以及何时你打电话给$(outPutId)，你得到了id为name-1的元素，因为#是id的选择器。为了让您的代码正常工作，我建议您更改您的 div Ids

<div id="name-1"> </div>
<div id="name-2"> </div>

或者如果你真的不想更改 div id 名称，你可以像这样转义你的#

var outPutId = '#\\#name-' + nameItem;

但我看不出这样做的理由。