JQuery中each方法的使用

each() 方法規定為每個匹配元素規定運行的函數。寫的十分的全面細緻，具有一定的參考價值，對此有需要的朋友可以參考學習下。如有不足之處，歡迎批評指正。

概述：

• each() 方法規定為每個匹配元素規定運行的函數。
• 返回 false 可用於及早停止循環,相當於break。
• 返回 true 可以結束本次循環，相當於continue。

語法:

$(selector).each(function(index,element){ })
　　　　index - 選擇器的 index 位置
　　　　element - 當前的元素（也可使用 "this" 選擇器）
　　$(selector).each(function(){ })
　　$.each(array,function(Key,Value){ })

1.遍歷js數組

$(function(){
 var array=["aaa","bbb","ccc"];
 $.each(array,function(i,j){
 alert(i+":"+j);　　//i表示索引，j代表值
 });
})

2.遍歷Object對象

var obj = new Object();
obj.name="zs";
$.each(obj, function(name, value) {
　　alert(this); //this指向當前屬性的值,等價於value
　　alert(name); //name表示Object當前屬性的名稱
　　alert(value); //value表示Object當前屬性的值
});

3.遍歷JSON對象

var json ={"name":"zhangSan","role":"student"};
$.each(json,function(key,value){
 alert(key+":"+value);
});

4.遍歷由多個JSON對象組成的數組

var json =[{"name":"Amy","role":"student"},{"name":"Tom","role":"student"}];
$.each(json, function(index, value) {
 alert("index="+index+"\n" +"name:"+value.name+"\n"+"role:"+value.role+"\n");
});

5.遍歷jQuery對象

 　　
 <title>遍歷jQuery對象/<title>
 
  
 
 
 

• first


• second

閱讀更多 劉弋 的文章

關鍵字: jQuery JavaScript 方法