jquery里面的循环的用法
下面提一下jQuery的each方法的几种常用的用法
Js代码
 var arr = [ "one", "two", "three", "four"];     
 $.each(arr, function(){     
    alert(this);     
 });     
//上面这个each输出的结果分别为：one,two,three,four

    var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
$.each(arr1, function(i, item){     
   alert(item[0]);     
});     
//其实arr1为一个二维数组，item相当于取每一个一维数组，   
//item[0]相对于取每一个一维数组里的弟一个值   
//所以上面这个each输出分别为：1   4   7

  var obj = { one:1, two:2, three:3, four:4};     
$.each(obj, function(key, val) {     
    alert(obj[key]);           
});   
//这个each就有更厉害了，能循环每一个属性     
//输出结果为：1   2  3  4

 <script type="text/javascript">
    $(function(){
        var con=[
            {
                "image1":"img/1524880084962.jpg",
                "shopName":"黑花生（100g*15袋/盒）",
                "price":190,
                "markPrice":200
            },
            {
                "image1":"img/1524879960117.jpg",
                "shopName":"黑花生（100g*15袋/盒）",
                "price":190,
                "markPrice":200
            },
            {
                "image1":"img/1524879605807.jpg",
                "shopName":"黑花生（100g*15袋/盒）",
                "price":190,
                "markPrice":200
            },
            {
                "image1":"img/1524879181488.jpg",
                "shopName":"黑花生（100g*15袋/盒）",
                "price":190,
                "markPrice":200
            }
            
        ]
        var html="";
        $.each(con, function(k,v) {//这里的函数参数是键值对的形式，k代表键名，v代表值
            html+='<li class="shopBox">'+
                    '<div class="shopImg"><img src='+con[k].image1+'/></div>'+
                    '<div class="shopListName">'+con[k].shopName+'</div>'+
                    '<div class="shopPrice">'+
                        '<span class="price">￥'+con[k].price+'</span>'+
                        '<span class="marketPrice">￥'+con[k].markPrice+'</span>'+
                    '</div>'+
                '</li>'
        });
        $(".shop_box").append(html);
    })
</script>

 
<script>
 
    var a = {
        "sys_bb": [
        {
            "menu_name": "教务处",
            "menus": [
                {
                    "menu_name": "张明"
                },
                {
                    "menu_name": "王明"
                }
            ]
        },
        {
            "menu_name": "办公室",
            "menus": [
                {
                    "menu_name": "刘处"
                },
                {
                    "menu_name": "小王"
                },
                {
                    "menu_name": "张三"
                }
            ]
        }
    ],
        "sys_cw": [
        {
            "menu_name": "财务处",
            "menus": [
                {
                    "menu_name": "王虎"
                }
            ]
        }
    ]
    };
 
    $(function () {
 
        $.each(a.sys_bb, function (i, n) {
 
            $("#Div").append(a.sys_bb[i].menu_name + "<br>");
            $.each(a.sys_bb[i].menus, function (i, n) {
 
                $("#Div").append("  " + n.menu_name + "<br>");
            });
 
        });
 
        $.each(a.sys_cw, function (i, n) {
 
            $("#Div").append(a.sys_cw[i].menu_name + "<br>");
            $.each(a.sys_cw[i].menus, function (i, n) {
 
                $("#Div").append("  " + n.menu_name + "<br>")
            });
 
        });
    });
</script>

如图：数组中带有对象，对象带有多个键和键值。

可用这种方法输出

 $.each(date.newslist[0], function (k, v) {          
    $('#result').append(k+":"+v+"<br/>")
 });

也可以直接输出：

 $.each(date.newslist, function(idx,obj) {                             
       $("#result").append("<div class='hlcx'>"+"<div class='title'>查询日期："+obj.gregoriandate+"</div>"+"<div class='title'>农历："+obj.lunardate+"</div>"+"<div class='hl'><div class='hl_title'>适宜：</div>"+obj.fitness+"</div>"+"<div class='hl'><div class='hl_title'>不宜：</div>"+obj.taboo+"</div>"+"<div class='hl'><div class='hl_title'>胎神：</div>"+obj.taishen+"</div>"+"<div class='hl'><div class='hl_title'>冲煞：</div>"+obj.chongsha+"</div>"+"<div class='hl'><div class='hl_title'>岁杀：</div>"+obj.suisha+"</div>"+"<div class='hl'><div class='hl_title'>五行甲子：</div>"+obj.wuxingjiazi+"</div>"+"<div class='hl'><div class='hl_title'>五行年：</div>"+obj.wuxingnayear+"</div>"+"<div class='hl'><div class='hl_title'>五行月：</div>"+obj.wuxingnamonth+"</div>"+"<div class='hl'><div class='hl_title'>星宿：</div>"+obj.xingsu+"</div>"+"<div class='hl'><div class='hl_title'>神位：</div>"+obj.shenwei+"</div>"+"<div class='hl'><div class='hl_title'>彭祖：</div>"+obj.pengzu+"</div>"+"<div class='hl'><div class='hl_title'>见申：</div>"+obj.jianshen+"</div>"+"<div class='hl'><div class='hl_title'>天干地支年：</div>"+obj.tiangandizhiyear+"</div>"+"<div class='hl'><div class='hl_title'>天干地支月：</div>"+obj.tiangandizhimonth+"</div>"+"<div class='hl'><div class='hl_title'>天干地支日：</div>"+obj.tiangandizhiday+"</div>"+"<div class='hl'><div class='hl_title'>季节：</div>"+obj.lmonthname+"</div>"+"<div class='hl'><div class='hl_title'>生肖：</div>"+obj.shengxiao+"</div>"+"<div class='hl'><div class='hl_title'>农历月：</div>"+obj.lubarmonth+obj.lunarday+"</div>"+"<div class='hl'><div class='hl_title'>农历日：</div>"+obj.lunarday+"</div>"+"<div class='hl'><div class='hl_title'>农历节日：</div>"+obj.lunar_festival+"</div>");                    
  });

下面是另一种数据情况：

返回的数据中，数组的键值中又有多个对象。

   $.each(date.newslist, function (k, v) {                       
               $('#result').append("<div class='jm'>【"+v.title+"】<br/>"+v.result+"</div>")
   });

这种情况直接循环输出。

 $.each(date.result.jiaoyun, function (k, v) {                       
               $('#result').append("<div class='jm'>【"+ v +"】<br/>"+"</div>")
   });