ITPub博客

首页 > IT职业 > IT图书 > 如何使用jQuery遍历each()方法

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

IT图书 作者:zyzqy 时间:2021-09-11 10:01:13 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教程。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2332/viewspace-2830978/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-16

  • 博文量
    99
  • 访问量
    720