jQueryオブジェクト、配列、集合インスタンスの遍歴

4329 ワード

1.jqueryオブジェクトの遍歴

     
  
 
 
  
  New Document  
   
    <br>      $(function(){  <br>   <br>        var tbody = "";      <br>     //------------ .each -------------  <br>       // JSON ( json , JSON , eval ( Object)。 , )  <br>     var obj =[{"name":" ","password":"123456"}];  <br>    $("#result").html("------------ .each -------------");  <br>       alert(obj);// object   <br>    // each   <br>    $.each(obj,function(n,value) {   <br>            alert(n+' '+value);  <br>            var trs = "";  <br>              trs += "<tr><td>" + value.name +"</td> <td>" + value.password +"</td></tr>";  <br>              tbody += trs;         <br>            });  <br>   <br>          $("#project").append(tbody);  <br>        <br>   });  <br>    
  
  
  
    
 
     
             
                 
                               
                          
    
 
  
 
  

2.jQuery遍历数组

 
  
 
 
  
  New Document  
   
    <br>      $(function(){  <br>   <br>        var tbody = "";  <br>       <br>      //------------ .each -------------  <br>            var anArray = ['one','two','three'];  <br>      $("#result").html("------------ .each -------------");  <br>            $.each(anArray,function(n,value) {  <br>              <br>             alert(n+' '+value);  <br>            var trs = "";  <br>              trs += "<tr><td>" +value+"</td></tr>";  <br>               tbody += trs;  <br>             });  <br>   <br>           $("#project").append(tbody);  <br>        <br>   });  <br>    
  
  
  
    ------------ 1 body -------------------- 
 
  


3.jQuery遍歴Listコレクション(実際には1つのオブジェクトを遍歴するのとあまり変わらないが、フォーマット上の問題)

     
  
 
 
  
  New Document  
   
    <br>      $(function(){  <br>   <br>        var tbody = "";  <br>       <br>      //------------ List .each -------------  <br>       var obj =[{"name":" ","password":"123456"},{"name":" ","password":"333333"}];  <br>     $("#result").html(" List .each ");  <br>       alert(obj);// object   <br>    // each   <br>    $.each(obj,function(n,value) {   <br>            alert(n+' '+value);  <br>        var trs = "";  <br>              trs += "<tr><td>" +value.name+"</td> <td>" + value.password +"</td></tr>";  <br>              tbody += trs;         <br>            });  <br>          $("#project").append(tbody);  <br>        <br>   });  <br>    
  
  
  
       ------------ 1 body --------------------