手抄报 安全手抄报 手抄报内容 生活知识 生活百科 英语手抄报 清明节手抄报 节约用水手抄报 知识问答

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

时间:2026-04-03 03:22:10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

© 2026 手抄报圈
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com