在jquery中,遍歷對象和數(shù)組,經(jīng)常會用到$().each和$.each(),兩個方法。兩個方法是有區(qū)別的,從而這兩個方法在針對不同的操作上,顯示了各自的特點。
$().each,對于這個方法,在dom處理上面用的較多。如果頁面有多個input標簽類型為checkbox,對于這時用$().each來處理多個checkbook,例如:
$(“input[name=’ch’]”).each(function(i){ if($(this).attr(‘checked’)==true) { //一些操作代碼 }
回調(diào)函數(shù)是可以傳遞參數(shù),i就為遍歷的索引。
對于遍歷一個數(shù)組,用$.each()來處理。例如:
$.each([{“name”:”limeng”,”email”:”xfjylimeng”},{“name”:”hehe”,”email”:”xfjylimeng”},function(i,n) { alert(“索引:”+i,”對應值為:”+n.name); });
參數(shù)i為遍歷索引值,n為當前的遍歷對象
var arr1 = [ “one”, “two”, “three”, “four”, “five” ]; $.each(arr1, function(){ alert(this); }); 輸出:one two three four five var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]] $.each(arr2, function(i, item){ alert(item[0]); }); 輸出:1 4 7 var obj = { one:1, two:2, three:3, four:4, five:5 }; $.each(obj, function(key, val) { alert(obj[key]); }); 輸出:1 2 3 4 5
在jQuery里有一個each方法,用起來非常的爽,不用再像原來那樣寫for循環(huán),jQuery源碼里自己也有很多用到each方法。
上一篇: Js制作點擊輸入框時默認文字消失的效果
關(guān)鍵詞: