通過API循環使用jQuery每個

Question

我試圖使用奇蹟API來顯示一個字符一直參與事件的列表下面是我的腳本：

$(".heroSubmit").click(function() { 

var heroName = $(".hero").val(); 


$.getJSON("http://gateway.marvel.com:80/v1/public/characters?name=" + heroName + "&apikey=", function (json) { 
    $(".name").html(json.data.results[0].name); 
    $(".description").html(json.data.results[0].description); 
    $(".image").attr("src", json.data.results[0].thumbnail.path + "/detail.jpg"); 
    $(".comics").html(json.data.results[0].comics.available); 

    $.each(json.data.results[0].events.items, function(i, item) { 
    $(".events").html("<li>" + item.name + "</li>"); 
    }); 

}); 

一切正常，除了每節。現在，它只顯示最後一個事件名稱（item.name）。我需要顯示所有事件。

Answer 1

這是因爲您在每次迭代中重寫了事件的內容。爲了避免這種替換html()與append()：

$.each(json.data.results[0].events.items, function(i, item) { 
    $(".events").append("<li>" + item.name + "</li>"); 
});