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

来源：互联网发布：md5算法c语言实现编辑：程序博客网时间：2024/06/06 05:49

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>

0 0