温馨提示×

jquery如何遍历节点

养鱼的猫咪
282
2021-05-17 19:41:34
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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

jquery如何遍历节点

具体方法如下:

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")

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:jquery如何遍历集合

0