将 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 的名字里有 #，这是多余的，但我不知道这是打错了还是你想让他们像 that.Your outPutId 的值为 #name-1，当您调用 $(outPutId) 时，您将获得 ID 为 name-1 的元素，因为 # 是 ID 的选择器。为了让您的代码正常工作，我建议您更改 div ID

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

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

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

但我不明白这样做的理由。

将 JSON 内容输出到页面

Outputting JSON content to a page

each

json