liのjqueryのグループの周りにulをラップします。

Question

こんにちは私はulのグループをliのラップを取得するようです。

function xmlParser(xml) { 
    $(xml).find("header").each(function() { 
     var headerlabel = $(this).attr("Label") $("#allLinksContainer").append("<h5 class='heading'>" + headerlabel + "</h5>"); 
       var ul = $("<ul class='links'></ul>"); 
     $(this).find("link").each(function() { 
      var label = $(this).find('label').text(); 
         var url = $(this).find("url").text(); 
         var id = $(this).find("id").text(); 
         ul.append("<li><a id='" + id + "' href='" + url + "'>" + label + "</a></li>"); 
     }); 
       $("#allLinksContainer").append(ul); 
    }); 
} 

Answer 1

はこれを試してみてください1行のリンクの上に置くループの最後に追加されません持っているワットLIアイテム、新しいjQueryを使ってそれらを選択し、それは感謝多分あなたは私の時間に説明することができました$("#allLinksContainer li").wrap("<ul></ul>")

More info here

Answer 2

それとも、すべてを追加することができます。私はそれが終了タグは、それがこの <ul class="links"></ul>

//parse the AllLinks.xml file 
function xmlParser(xml) { 
    $(xml).find("header").each(function(){ 
     var headerlabel = $(this).attr("Label") 
     $("#allLinksContainer").append("<h5 class='heading'>" +headerlabel+ "</h5><ul class='links'>"); 

       //get label content 
       $(this).find("link").each(function(){ 
        var label = $(this).find('label').text() 
        var url = $(this).find("url").text() 
        var id = $(this).find("id").text() 
        $("#allLinksContainer").append("<li><a id='" +id+ "' href='" +url+ "'>" +label+ "</a></li>"); 
       });//end links 
     $("#allLinksContainer").append("</ul>");  
    });//end header 
}// close xmlParser function