$.each(obj,function(n,value) 遍历的学习 (二)

1、jquery 遍历对象

<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
  <script  type="text/javascript">
     $(function(){
       var tbody = "";    
    //------------遍历对象 .each的使用-------------
     //前提必须是对象,一般情况下,后台传过来json字符串,要使用相应的方法将其转化为对象(eval、str.parseJSON()、JSON.parse(str))。
    var obj =[{"name":"项海军","password":"123456"}];
   $("#result").html("------------遍历对象 .each的使用-------------");
      alert(obj);//是个object元素
   //下面使用each进行遍历
   $.each(obj,function(n,value) { 
           alert(n+' '+value);
           var trs = "";
             trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";
             tbody += trs;       
           });
         $("#project").append(tbody);
     
  });
  </script>

2、jQuery遍历数组

<script  type="text/javascript">
     $(function(){
       var tbody = "";
     //------------遍历数组 .each的使用-------------
       var anArray = ['mma','bba','gge'];
     $("#result").html("------------遍历数组 .each的使用-------------");
           $.each(anArray,function(n,value) {
            alert(n+' '+value);
           var trs = "";
             trs += "<tr><td>" +value+"</td></tr>";
              tbody += trs;
            });
          $("#project").append(tbody);
  });
  </script>

3、jQuery 遍历List集合

 <script  type="text/javascript">
     $(function(){
       var tbody = "";
     //------------遍历List集合 .each的使用-------------
     //感觉list和数组很相似,在这里使用没有什么区别。其他方面估计有很多不同(请指正)
      var obj =[{"name":"项海军","password":"123456"},{"name":"科比","password":"333333"}];
    $("#result").html("遍历List集合 .each的使用");
      alert(obj);//是个object元素
   //下面使用each进行遍历
   $.each(obj,function(n,value) { 
           alert(n+' '+value);
           var trs = "";
             trs += "<tr><td>" +value.name+"</td> <td>" + value.password +"</td></tr>";
             tbody += trs;       
           });
         $("#project").append(tbody);
  });
  </script>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值