jquery如何遍历节点 jquery中遍历节点的方法

文章摘要：jquery如何遍历节点 jquery中遍历节点的方法

在jquery中遍历节点的方法有：1.使用children()方法遍历元素的所有子节点；2.使用next()方 […]

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

具体方法如下：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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