js循环。for,each

<body>
<button>Click Here</button>
<div>this is a div</div>
<p>this is a p</p>
<span>this is a span</span><br /><br />
<b>this is a b</b><br /><br />
<em>this is a em</em>
</body>


each循环

$(function(){
    $("button").click(
    function(){
    var a1="";
    var a2="";
    var a3="";
    var a4="";
    var a5="";
    var colors=['red','blue','green','yellow','black','white','orange'];
    var color_ary=[{'id':'red','code':'01'},{'id':'blue','code':'02'},{'id':'green','code':'03'},{'id':'yellow','code':'04'},
             {'id':'black','code':'05'},{'id':'white','code':'06'},{'id':'orange','code':'07'}];

      $.each(colors,function(item){a1+=item+",";});
      //each方法中的函数参数为一个时,此参数为遍历的索引值,同for循环的 i 变量。
      $.each(colors,function(index,item){a2+=item[index]+",";});
      //each方法中的函数参数为两个时,item为数组的每一项,item[index]返回的是对item对象的提取。
      $.each(colors,function(index,item){a3+=item+",";});    
      //item为数组的每一项,如此可正常的显示数组,同样的color[index]也可正常的显示数组。
      $.each(color_ary,function(index,item){a4+=item.id+":"+item.code+",";});
      //当数据为json格式时,可以如此来解析此json
      $.each(color_ary,function(index,item){a5+=color_ary[index].id+":"+color_ary[index].code+",";});
      //当数据为json格式时,也可以如此来解析此json
    
      $("div").text(a1);
      $("p").text(a2);
      $("span").text(a3);
      $("b").text(a4);
      $("em").text(a5)
      })
})


for循环

$(function(){
var data = JSON.parse(color_ary);
    for(var i = 0; i<data.length;i++){
    <span style="white-space:pre">	</span>alert("id:"+data[i].id+",code:"+data[i].code);
    }		
});





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值