jQuery中$.each()常見使用方法有哪些

小編向大家介紹過，each()方法的遍歷功能很強大，不僅應用於一種資料型別。本文介紹jQuery中$.each()常見的四種使用方法：1、$.each()遍歷一維陣列；2、$.each()遍歷二維陣列；3、$.each()遍歷json資料；4、$.each()遍歷DOM元素。

方法一：$.each()遍歷一維陣列

var arr1 = [ "aaa", "bbb", "ccc" ];
$.each(arr1, function(i,val){
    console.info(i); //這裡是索引值，將輸出0，1，2
    console.info(val); //這裡是元素值，將輸出aaa，bbb，ccc
});

方法二：$.each()遍歷二維陣列

var arr2 = [
				['a', 'aa', 'aaa'],
				['b', 'bb', 'bbb'],
				['c', 'cc', 'ccc']
			];
			$.each(arr2, function(i, item) {
				console.log(i + "====" + item);
				$.each(item, function(j, val) {
					console.log(j + "====" + val)
				});
			});

方法三：$.each()遍歷json資料

var json1={key1:'a',key2:'b',key3:'c'};
 $.each(json1,function(key,value){  //遍歷鍵值對
            console.log(key+'````'+value);
  })
輸出的結果為：
 
key1````a
key2````b
key3````c

方法四：$.each()遍歷DOM元素

$.each($("input:hidden"), function(i, val) {
				console.log("i===" + i)
				console.log(val.name)
				console.log(val.value)
			})
		</script>
	</body>
</html>

以上就是小編整理總結的jQuery中$.each()常見四種使用方法，希能對你有所幫哦~更多JavaScript學習推薦：。