兄弟姐妹共享相同的父。
与jQuery你可以横着遍历DOM树找到一个元素的兄弟姐妹。
在DOM树遍历侧身
有许多有用的jQuery方法在DOM树遍历横盘整理:
- siblings()
- next()
- nextAll()
- nextUntil()
- prev()
- prevAll()
- prevUntil()
jQuery的siblings()方法
在siblings()方法返回所选元素的所有兄弟元素。
下面的示例返回所有同级元素<h2>
你也可以使用一个可选的参数来筛选兄弟姐妹搜索。
下面的示例返回所有同级元素<h2>是<p>元素:
jQuery的next()方法
在next()方法返回所选元素的下一个同级元素。
下面的示例返回的下一个兄弟<h2>
jQuery的nextAll()方法
该nextAll()方法返回所选元素的所有下一个同级元素。
下面的示例返回所有的下一个同级元素<h2>
jQuery的nextUntil()方法
该nextUntil()方法返回两个给定的参数之间的所有下一个同级元素。
下面的示例返回之间的所有同级元素<h2> A和<h6>元素:
jQuery的prev(), prevAll() & prevUntil()方法
在prev(), prevAll()和prevUntil()方法的工作方式就像上面,但与反向功能的方法:他们返回前一个兄弟元素(沿DOM树同级元素向后遍历,而不是向前)。
自测练习用!
jQuery的参考遍历
对于所有的jQuery遍历方法完整概述,请访问我们的jQuery遍历参考 。