用javascript读取数组json

时间:2013-01-27 12:09:38

标签: javascript jquery json

我有这个数组电视,当我用循环读取这个数组时,它只给我最后一项,在这种情况下是东芝, 我该怎么做才能告诉我电视品牌?

for (var i=0;i<tv.length;i++){
            $('#item').html(tv[i].Brand)}
<div id='item'></div>

阵列电视:

var tv = [{"Name":"TV","Brand":"Samsung"},
{"Name":"TV","Brand":"Toshiba"},
{"Name":"TV","Brand":"LG"}]

2 个答案:

答案 0 :(得分:3)

问题:您只有一个div#item元素,并且每次迭代都会更新其值。

解决方案:动态创建并追加一个元素,以显示数组中的每个项目:

for (var i=0;i<tv.length;i++){
    $('<div/>').addClass('item').html(tv[i].Brand).appendTo('.container');
}

其中:

  • item是一个类 - 现在你有多个元素
  • container - 假定您希望显示项目的父元素

答案 1 :(得分:3)

html()会覆盖每次迭代的内容,这就是为什么只有最后一个是可见的,其他的被覆盖。你应该使用append:

$('#item').empty();
for (var i=0; i<tv.length; i++){
    $('#item').append(tv[i].Brand);
}