首頁  >  文章  >  web前端  >  jQuery遍歷物件、陣列、集合實例_jquery

jQuery遍歷物件、陣列、集合實例_jquery

WBOY
WBOY原創
2016-05-16 16:32:051816瀏覽

1.jquery 遍歷物件

複製程式碼 程式碼如下:
 
 
 
  
  New Document  
   
   
  
  
  
    
 
     
             
                 
                               
                          
    
使用者名稱密碼
 
  
 
  

2.jQuery遍歷陣列

複製程式碼 程式碼如下:

 
 
  
  新文件  
  腳本> 
   
     $(函數(){ 
 
       var tbody = ""; 
     
     //------------ 遍歷批次.each 的使用---------- 
           var anArray = ['一','二','三']; 
     $("#result").html("------------完成吞吐量.each的使用------------"); 
           $.each(anArray,function(n,value) { 
            
            警報(n''值); 
           var trs = ""; 
             trs =「」 值「」; 
              tbody = trs; 
            }); 
 
          $("#project").append(tbody); 
      
  }); 
  腳本> 
 頭> 
  
  
    ------------此部分同1中的body部份-------------------- 
 
 身體> 

3.jQuery 遍歷List集合(其實與遍歷一個物件沒有多餘的差別,只是格式上的問題) 

複製程式碼程式碼如下:
 
 
 
  
  新文件  
  腳本> 
   
     $(函數(){ 
 
       var tbody = ""; 
     
     //------------遍歷List集合.each的使用------------- 
      var obj =[{"name":"項海軍","password":"123456"},{"name":"科比","password":"333333"}]; 
    $("#result").html("遍歷List集合.each的使用"); 
      alert(obj);//是個物件元素 
   // 以下使用each進行遍歷
   $.each(obj,函數(n,值) {  
           警報(n''值); 
       var trs = ""; 
             trs =「 」 value.name " " value.password " "; 
             tbody = trs;        
           }); 
         $("#project").append(tbody); 
      
  }); 
  腳本> 
 頭> 
  
  
       ------------此部分同1中的body部份-------------------- 
 
 身體> 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn