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

  • Z时代
  • 2024-01-10
  • 分类：综合

美女程序员鼓励师

小编向大家介绍过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学习推荐：JavaScript教程。

以上是 jQuery中$.each()常见使用方法有哪些 的全部内容， 来源链接： utcz.com/z/542927.html

回到顶部