JQuery的循环数据

Question

我有这样的事情：

$("#btn").click(function (event) { 
       $.getJSON(url, 
       function (data) { 
        // i using this which works fine... 
        //alert(data[0].Id); 
        //alert(data[0].Name); 
        //alert(data[0].Tion); 
        //alert(data[0].Path); 
        //alert(data[0].Flag); 

        //how do i loop here 
        $(data).each(function() { 
         alert(data); 
        }); 

       }); 
      }); 

Answer 1

像这样：

$.each(data, function(idx, dataItem) { 
    alert(dataItem.Id); 
    alert(dataItem.Name); 
    alert(dataItem.Tion); 
    alert(dataItem.Path); 
    alert(dataItem.Flag); 
}); 

或者，更简洁的版本，其中this被自动分配给各个元素data为你：

$.each(data, function() { 
    alert(this.Id); 
    alert(this.Name); 
    alert(this.Tion); 
    alert(this.Path); 
    alert(this.Flag); 
}); 

Answer 2

使用jQuery.each()^[docs]方法，而不是each()^[docs]方法，以枚举不是jQuery的对象集合。

$.each(data,function() { 
    alert(this); 
}); 

...或者如果您的集合来自JSON对象，则可以使用for/in声明。

for(var key in data) { 
    alert(data[key]); 
} 

...或者对于JSON数组，使用for语句。

for(var i = 0, len = data.length; i < len; i++) { 
    alert(data[i]); 
} 

Answer 3

您可以使用正常for循环。

如果你真的想使用jQuery，你需要调用静态版本：

$.each(data, function(index) { ... }); 

Answer 4

 $("#btn").click(function (event) { 
      $.getJSON(url, 
      function (data) { 

       $(data).each(function(index, dataR) { 
        alert(dataR.Id); 
        alert(dataR.Name); 
        alert(dataR.Tion); 
        alert(dataR.Path); 
        alert(dataR.Flag); 
       }); 

      }); 
     }); 

Answer 5

使用

$.each(data, function(){ 
    alert(data); 
}); 

Answer 6

的each函数接受参数，收集迭代，并一个函数。指定的函数可以进一步具有迭代索引以及值。

你的目的，这样的事情应该助阵：

$.each(data, function() { 
    alert(this); 
});