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);