Linux 拨号vps windows公众号手机端

jquery如何遍历节点

lewis 6年前 (2019-04-09) 阅读数 11 #程序编程
文章标签 jquery

在jquery中遍历节点的方法有:1.使用children()方法遍历元素的所有子节点;2.使用next()方法遍历元素相邻的下一个同级节点;3.使用prev()方法遍历元素相邻的上一个同级节点;4.使用siblings()方法遍历元素的所有同级节点;

具体方法如下:

1.使用children()方法遍历元素的所有子节点

<liclass="btn">测试标签1</li>

<li>测试标签2</li>

<liclass="btn">测试标签3</li>

<li>测试标签4</li>

$("li").children(".btn")

2.使用next()方法遍历元素相邻的下一个同级节点

<liclass="btn">测试标签1</li>

<li>测试标签2</li>

<liclass="btn">测试标签3</li>

<li>测试标签4</li>

$("li").next(".btn")

3.使用prev()方法遍历元素相邻的上一个同级节点

<liclass="btn">测试标签1</li>

<li>测试标签2</li>

<liclass="btn">测试标签3</li>

<li>测试标签4</li>

$("li").prev(".btn")

4.使用siblings()方法遍历元素的所有同级节点

<liclass="btn">测试标签1</li>

<li>测试标签2</li>

<liclass="btn">测试标签3</li>

<li>测试标签4</li>

$("li").siblings(".btn")

版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门