技术文章 > Web开发 >  JavaScript > 正文

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

宋雪维

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教程

免费视频教程
本教程部分素材来源于网络,版权问题联系站长!
相关文章
  js和jquery获取dom对象区别
  js中jquery框架怎么写
  js实现jquery动画的hide()和show()方法
  js中this的几种用法
  js中bom对象有哪些
相关视频章节
  python注释
  python编码规范
  python命名规范
  Python随机模块
视频教程分类