javascript - javascript による html コードのスタンプに関する問題

Question

私は、javascript関数がコードを正確にスタンプする必要があります <div id="">

私は試しました：

$.ajax({
    url: "myUrl"
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,
    success: function(data, status){
        $.each(data, function(i,item){
            document.getElementById("livello").innerHTML='<h2> '+ item.nome+' </h2>';   
        });
   }
});

しかし、最後の要素のみをスタンプします

私も試しました

$.ajax({
    url: "myUrl"
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,
    success: function(data, status){
        $.each(data, function(i,item){
            var a ='<h2>'+ item.nome+' </h2>';  
            output.append(a);
        });
    }
});

このスタンプは必要なものすべてですが、jqueryのグラフィックは混乱しています...（ライブラリのインポートも）

Answer 1

それが何をしているのか見てください

document.getElementById("livello").innerHTML='<h2> '+ item.nome+' </h2>'; 

各反復で innerHTML を上書きしていますが、追加していません。

    var elem = $("#livello");
    var strOut = elem.html(); // or = "";
    $.each(data, function(i,item){
        strOut  += '<h2> '+ item.nome+' </h2>';   
    });
    elem.html(strOut);