品易云推流 关闭
文章详情页
文章 > JavaScript > 如何使用jQuery遍历each()方法

如何使用jQuery遍历each()方法

头像

宋雪维

2021-01-28 10:02:141876浏览 · 0收藏 · 0评论

jQuery中的遍历方法不止一个,除了find()方法,还有each()方法。在我们进行数组遍历的操作中,使用each()方法可以轻松的解决,each()方法的结构简单,不易出错,提供了很强的遍历功能,本文向大家介绍jQuery遍历each()方法。

1、each()方法

封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等;

如果想中断遍历,在回调中返回false即可。

2、使用语法

$(selector).each(function(index,element))

3、使用参数

必需。为每个匹配元素规定运行的函数。

index - 选择器的 index 位置

element - 当前的元素(也可使用 "this" 选择器)

4、返回值

返回给回调的参数先是下标,然后是值 * 

回调函数执行时内部的this就指向遍历到的每一个值(就是回调中接收到的val) * 

5、使用实例

//遍历对象
		var d=$('div').each(function(index,domelement){
			if(this.id === 'box2')	{
				// return false;//fasle相当于for循环中的break,只有1有title
				return true//true 相当于for循环的continute,1、3都有title
			}
			this.title=this.id
		})	

以上就是jQuery遍历each()方法的介绍,希望能对你有所帮助哦~更多JavaScript学习推荐:JavaScript教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图