javascript - jQuery 数组到无序列表

Question

我有以下数组:

var sherbert = [{ 
    flavor: "orange mango",
    cost: 2
},{
    flavor: "lemon lime",
    cost: 4
}];

我如何使用 jQuery 创建一个函数来将这些写入 LI 项目，例如:

<li>flavor : orange mango<span>cost : 2</span></li>
<li>flavor : lemon lime<span>cost : 4</span></li>

Answer 1

这样的东西应该可以工作，我没有测试这段代码。

这里是 jquerys each 和 append 函数的文档:

http://api.jquery.com/each/

http://api.jquery.com/append/

$listSelector = $("#list") //Your list element

$.each(sherbert, function(i, obj) {
    $listSelector.append("<li>flavor : "+obj.flavor+"<span>cost : "+obj.cost+"</span></li>")
});