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

Question

因此，我使用 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>

Answer 1

您需要使用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);    
}