jQuery 添加带有变量字符串的 html 元素

Question

我是一个 JQuery 新手。我正在尝试将对象属性(以数组形式声明)附加到 html 元素，如下所示

HTML:

<div id="container">
<p>some text </p>
<p>some text </p>
<p>some text </p>
</div>

JQuery 脚本:

var obj{
property  :  {'apple', 'orange', 'banana'}
}

for(i=0; i<=2; i++){
$("#container p:eq("+i+")").append(obj.property[i]);
}

并希望得到这个:

<p>some text apple</p>
<p>some text orange</p>
<p>some text banana</p>

尽管我的 Firebug 控制台没有显示错误报告，但根本没有显示任何附加内容。

我做错了什么？另外，如果这是更好的做法，是否有任何方法可以用 .each() 替换 for 循环？

谢谢

Answer 1

您的属性列表格式不正确。数字索引列表文字是使用方括号而不是大括号形成的。

您发布的代码应该给您带来语法错误。如果不是，则可能根本没有执行。

这是一个修复版本:

  var obj = {
    property  :  ['apple', 'orange', 'banana'] 
  }

  for(i=0; i<=2; i++){
    $("#container p:eq("+i+")").append(obj.property[i]);
  }