jquery - json对象在div中打印

Question

我有一个像这样的对象：

{"result":
[
  {"id_":"18","name":"papas","species":"Other","sex":"F"},

{"id_":"26","name":"as","species":"bird","sex":"M"}

]}

如何访问每个项目，并将其打印在 div 中？

我在尝试：

$.each( myObj , function(index,item){
   $("#wrapper_busqueda").append('<div><b>' + myObj.id_ + '</b>  '+ myObj.mame  + ' </div><hr />');
}

但得到未定义...

Answer 1

您可以使用如下

$.each( myObj , function(index,item){
   $("#wrapper_busqueda").append('<div><b>' + item.id_ + '</b>  '+ item.mame  + ' </div><hr />');
}

看来你有多重维度

for(var list in response)
{
   for(var item in list)
   {
     alert(item);
   }
 }

Answer 2

您可以使用 for 循环..

var OBJ = {"result":[{"id_":"18","name":"papas","species":"Other","sex":"F"},
{"id_":"26","name":"as","species":"bird","sex":"M"}]};

var total = OBJ['result'], myString = '';
for(i=0;i<total.length;i++)
{
    myString += '<div><b>' + total[i].id_ + '</b>  '+ total[i].mame  + ' </div><hr />';
}
$("#wrapper_busqueda").append(myString);

Answer 3

除了错字之外，您应该myObj像这样访问您的：

myObj['result']

并使用item来.each访问当前项目值而不是直接 myObj 即做item.name和不myOBj.name

因此

$.each( myObj['result'] , function(index,item){
   $("#wrapper_busqueda")
   .append('<div><b>' + item.id_ + '</b>  '+ item.name  + ' </div><hr />');
 });

看到这个小提琴