小编向大家介绍过jQuery中each()方法的遍历使用原理，each()方法的遍历功能很强大，不仅应用于一种数据类型。本文介绍jQuery中$.each()常见的四种使用方法：1、$.each()遍历一维数组；2、$.each()遍历二维数组；3、$.each()遍历json数据；4、$.each()遍历DOM元素。
方法一：$.each()遍历一维数组
1 2 3 4 5 | var arr1 = [ "aaa", "bbb", "ccc" ];
$.each(arr1, function(i,val){
console.info(i);
console.info(val);
});
|
方法二：$.each()遍历二维数组
1 2 3 4 5 6 7 8 9 10 11 | 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数据
1 2 3 4 5 6 7 8 9 | 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元素
1 2 3 4 5 6 7 8 | $.each($("input:hidden"), function(i, val) {
console.log("i===" + i)
console.log(val.name)
console.log(val.value)
})
</script>
</body>
</html>
|
以上就是小编整理总结的jQuery中$.each()常见四种使用方法，希能对你有所帮哦~更多JavaScript学习推荐：JavaScript教程。
