jQuery使用变量string附加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]);
  }