jQuery：如何在现有的<li>中添加对象数组？

Question

我有一个对象数组，我想将它们添加到现有的li中。我想将数组对象的某些属性添加到li中。我在StackOverflow上找到了一些答案，如

$("#header ul").append('<li><a href="/user/messages"><span class="tab">Message    Center</span></a></li>');

这谈到添加单个元素，但我有一个对象数组，我想在li中添加某些属性，如display和其他属性。

Answer 1

您可以遍历数组并将每个项目作为列表项追加到UL

var Arr= [ "your","Array" ];
$.each(Arr,function (key,val) {
 $("#header").append("<li>"+val+"</li>");
});

Answer 2

您可以使用以下代码段作为示例将<li>元素附加到另一个html元素。

var html = "";
$.each(array_list, function(key, value){
    html = html + "<li id="+value+"><span>You element here</span></li>";
})

$('#header').append(html);