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>")
});
大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...
在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...
*近在维护一台服务器的时候发现这台服务器CPU一直在99%到100%。服务器上运行的网站不多,也才3个.一开始怀...
安装好宝塔面板之后,我们进行安全扫描,会发现至少扫描出十几个风险。如果有钱,就直接企业版,一键进行修...