Перебор API с помощью JQuery каждый

Question

Я пытаюсь использовать API Marvel, чтобы отобразить список событий, персонаж был вовлечен в Вот мой сценарий:.

$(".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>"); 
});