将每个数组中的值附加到它的等效html节点

时间:2012-07-19 06:35:57

标签: javascript jquery mustache

我有一个对象数组:

comment: "https://www.facebook.com/groups/2388163605/permalink/10151045693478606/"
comments: Array[1]
created: "48 minuter sen"
img: "http://graph.facebook.com/589136752/picture"
link: "http://www.facebook.com/589136752"
message: "gbg - sthlm 31/7. finnes: 3 platser. 0703 05 45 65"
name: "Jack Johansson"
sortvar: 1342676288

使用此阵列和小胡子。我生成一个html list-elements列表。但是,我不使用“名称”变量。它在那里用于调试功能。运行调试时,我想将name-variable添加/附加到它的等效list-node的开头。这样做的好方法是什么?我宁愿不在胡子中创建一个新模板。

我相信解决方案就像:

foreach(item in array){
  $(li).append('<p>'+item.name+'</p>');
}

但是这会添加item.name所有列表项。我想将第一个item.name添加到第一个列表项,将第二个item.name添加到第二个列表项。

1 个答案:

答案 0 :(得分:0)

我不懂胡子,

如果要在调试某些逻辑时将Name属性添加到Js对象,

var x={
comment: "https://www.facebook.com/groups/2388163605/permalink/10151045693478606/",
comments: Array[1],
created: "48 minuter sen",
img: "http://graph.facebook.com/589136752/picture",
link: "http://www.facebook.com/589136752",
message: "gbg - sthlm 31/7. finnes: 3 platser. 0703 05 45 65",
sortvar: 1342676288
};

if(debug)x.name="Jack Johansson";
可以使用

,我完全不知道胡子。

你想要这样的东西:

var index = 0;
foreach(item in array){
  $("#mainslector li").eq(index++).append('<p>'+item.name+'</p>');
}

刚刚看到你的更新,仍然不完全确定你想要什么,这只是演示为第n个元素选择第n个li。