使用 jQuery,您可以在 DOM 树中横向遍历以查找元素的同级元素。
兄弟姐妹有同一个父母。
有许多有用的 jQuery 方法可用于横向遍历 DOM 树:
siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()
这个siblings()
方法返回所选元素的所有同级元素。
以下示例返回<h2>
:
您还可以使用可选参数来过滤兄弟姐妹的搜索。
以下示例返回<h2>
那是<p>
要素:
这个next()
方法返回所选元素的下一个同级元素。
以下示例返回下一个同级<h2>
:
这个nextAll()
方法返回所选元素的所有下一个同级元素。
以下示例返回以下所有同级元素<h2>
:
这个nextUntil()
方法返回两个给定参数之间的所有下一个兄弟元素。
以下示例返回 a 之间的所有同级元素<h2>
和一个<h6>
元素:
这个prev()
,prevAll()
和prevUntil()
方法的工作方式与上面的方法类似,但具有反向功能:它们返回先前的同级元素(沿着 DOM 树中的同级元素向后遍历,而不是向前遍历)。
有关所有 jQuery 遍历方法的完整概述,请访问我们的jQuery 遍历参考。
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!