在列表項目和錨點標記中追加UL內容<li><a></a></li>

Question

如何使用Javascript在內部追加帶有列表項目和錨點標籤的UL內容？ 目前我正在這樣做。

for(var i = 0; i < projects.length; i++) { 
    $('<li><a href="#"></a></li>', { 
     text: projects[i].author 
    }).appendTo('#contributors'); 
} 

我可以得到，如果我只用<li></li>，但只要它的工作我添加錨標記<li><a href="#"></a></li>代碼沒有給出期望的結果。他的解決方案是什麼？

Answer 1

請注意，正在創建a元素，以便將text和href屬性應用於它。然後它被包裝在li中，並且使用parent()來抓取那個li，被附加到#contributors元素。

for (var i = 0; i < projects.length; i++) { 
    $('<a />', { 
     href: '#', 
     text: projects[i].author 
    }).wrap('<li />').parent().appendTo('#contributors'); 
}