javascript - 在JavaScript console.log中，for循环为我提供了每个值。但是，var.text仅显示最后一个值。为什么是这样？

因此，我正在使用Music Graph API来访问和显示类似于当前音乐人的艺术家（在本例中为“ The Who。”。）但是，当我使用for循环浏览结果时，.text（artistNames）仅打印数组中的姓（在这种情况下，即使数组包含更多艺术家，它也仅打印Pink Floyd。）但是，console.log会打印数组中的每个名字。如何获取.text以打印数组中的每个名称？

这是我的代码：

的JavaScript

for (i = 0; i < response.data.length; i++) {

    var artistNames = response.data[i].name;

    $('#relatedArtists').text(artistNames);

    console.log(artistNames);
}

的HTML

<div id="relatedArtists">

</div>

最佳答案

您需要使用append()，text()将清除以前的数据

for (i = 0; i < response.data.length; i++) {
    var artistNames = response.data[i].name;
    $('#relatedArtists').append(artistNames);
    console.log(artistNames);
}

或者您可以在text()的帮助下通过回调附加以前的数据

for (i = 0; i < response.data.length; i++) {
    var artistNames = response.data[i].name;
    $('#relatedArtists').text(function(i,text){ return text + artistNames; });
    console.log(artistNames);
}