同胞拥有相同的父元素。
常用水平遍历 DOM 树的方法
1、siblings() 方法
//siblings() 方法返回被选元素的所有同胞元素。
//下面的例子返回 <h2> 的所有同胞元素:
//实例
$(document).ready(function(){
$("h2").siblings();
});
//可以使用可选参数来过滤对同胞元素的搜索。
//下面的例子返回属于 <h2> 的同胞元素的所有 <p> 元素
//实例
$(document).ready(function(){
$("h2").siblings("p");
});
2、next() 方法
//next() 方法返回被选元素的下一个同胞元素。
//该方法只返回一个元素。
//下面的例子返回 <h2> 的下一个同胞元素:
//实例
$(document).ready(function(){
$("h2").next();
});
3、prev() 方法
//prev() 方法返回被选元素的上一个同胞元素。
//该方法只返回一个元素。
//下面的例子返回 <h2> 的上一个同胞元素:
//实例
$(document).ready(function(){
$("h2").prev();
});
|