jQuery怎样循环遍历元素,怎样遍历数组

作者:烟中隐约闪现 | 创建时间: 2023-03-24
使用jquery可以非常方便的遍历元素和遍历数组,然后对遍历的元素进行操作,今天小编我就来分享一下jQuery遍历元素遍历数组的,希望能够帮助到大家哈。...
jQuery怎样循环遍历元素,怎样遍历数组

操作方法

如图,在HTML界面里有很多个p标签,这时候如果想要取得p标签里边的值就需要遍历p标签了哦。

这里我就设定了一个点击事件从而点击的时候遍历p标签,用到了each()。$('p')表示的是要遍历的标签,对应修改即可。

用了each之后,this表示的就是遍历得到的p标签,然后我们输出它的值看看,用text()来取值。

如图,这样就可以遍历得到所有标签里面的内容了。这个each跟for循环差不多,不过代码更精简了。

这个each可以有两个参数,也就是遍历的时候会传入一些内容进这两个参数(参数名随意取的,有两个参数即可),如果要用到时可以传入参数,不用的话不写也不会报错的,我们看看这两个参数。

可以看到,一个参数是索引,也就是从0开始的,另外一个参数则是元素节点。知道参数之后,如果以后我们想要使用索引则可以使用第一个参数。

而如果是遍历数组,用之前的each就不太好了。我们可以用$.each()。这个each可以把数组给传入进去,然后也有两个参数。

同样的,这个each的第二个参数是取得数组里面的值。

接着我们来输出第一个参数和第二个参数,看看又是什么。

最后看到第一个参数也是代表索引,总结一下,如果是遍历元素可以用$('标签').each(),而如果是遍历数组,则可以用$.each()方法哦。

点击展开全文

更多推荐