jQuery怎样循环遍历元素,怎样遍历数组
使用jquery可以非常方便的遍历元素和遍历数组,然后对遍历的元素进行操作,今天小编我就来分享一下jQuery遍历元素遍历数组的,希望能够帮助到大家哈。
操作方法
- 01
如图,在HTML界面里有很多个p标签,这时候如果想要取得p标签里边的值就需要遍历p标签了哦。
- 02
这里我就设定了一个点击事件从而点击的时候遍历p标签,用到了each()。$('p')表示的是要遍历的标签,对应修改即可。
- 03
用了each之后,this表示的就是遍历得到的p标签,然后我们输出它的值看看,用text()来取值。
- 04
如图,这样就可以遍历得到所有标签里面的内容了。这个each跟for循环差不多,不过代码更精简了。
- 05
这个each可以有两个参数,也就是遍历的时候会传入一些内容进这两个参数(参数名随意取的,有两个参数即可),如果要用到时可以传入参数,不用的话不写也不会报错的,我们看看这两个参数。
- 06
可以看到,一个参数是索引,也就是从0开始的,另外一个参数则是元素节点。知道参数之后,如果以后我们想要使用索引则可以使用第一个参数。
- 07
而如果是遍历数组,用之前的each就不太好了。我们可以用$.each()。这个each可以把数组给传入进去,然后也有两个参数。
- 08
同样的,这个each的第二个参数是取得数组里面的值。
- 09
接着我们来输出第一个参数和第二个参数,看看又是什么。
- 10
最后看到第一个参数也是代表索引,总结一下,如果是遍历元素可以用$('标签').each(),而如果是遍历数组,则可以用$.each()方法哦。
赞 (0)