$.each与$(data).each区别

在前端使用使用JQuery解析Json数据时，在遍历数组或者对象数据时，经常使用的函数为each。发现此函数有两种形式：

• $.each
• $(data).each

所达到的效果是一样的，使用方法的有一些区别。具体的区别如下：

 

$(data.product_info).each(function () {
            alert(this.name);
            $("#product_name").append($("<option/>").text(this.name).attr("value",this.id));
            
        });

$.each(data.product_info, function (i,item) {
            alert(item.name);
            $("#product_name").append($("<option/>").text(item.name).attr("value",i));
        });

 

对应的Json数据为：

{
  "product_info": [
    {
      "name": "IPC"
    }, 
    {
      "name": "NVR"
    }, 
    {
      "name": "SVR"
    }, 
    {
      "name": "SVR2"
    }, 
    {
      "name": "BTS"
    }, 
    {
      "name": "AAA"
    }, 
    {
      "name": "yyy"
    }
  ]
}

 

 一点个人经验：

在调试代码时，一定要找到一个观察结果的方法。可以输出打印，或者其他的方法。在使用JQuery的过程中，alert是我的利器，节省了很多的时间。