$.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>