技术文章 >  头条 > 正文

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

宋雪维

小编向大家介绍过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教程

免费视频教程
本教程部分素材来源于网络,版权问题联系站长!
相关文章
  最新python面试题附送答案
  如何使用python中basemap库绘制地图?
  python中pytesseract如何安装?
  python爬虫爬取网页新闻内容的简单实现
  使用Python爬虫实现自动下载图片
  python爬虫进阶之爬取微博热搜存入Mysql
相关视频章节
  安装Python
  python代码缩进
  python命名规范
  Python语言简介
视频教程分类