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