jquery的兄弟元素,jquery获取元素的兄弟元素

jquery中兄弟元素一定是同一类型的吗

不是啊，比如下面的p、h1、a都是兄弟元素：

成都创新互联公司专注于成都网站制作、做网站、网页设计、网站制作、网站开发。公司秉持“客户至上,用心服务”的宗旨,从客户的利益和观点出发,让客户在网络营销中找到自己的驻足之地。尊重和关怀每一位客户，用严谨的态度对待客户，用专业的服务创造价值，成为客户值得信赖的朋友，为客户解除后顾之忧。

div

h1.../h1

p.../p

a.../a

/div

上一个兄弟元素： $(this).prev().text()

下一个兄弟元素： $(this).next().text()

任意兄弟元素： $(this).siblings(".xxx").text()

$('#id').siblings() 当前元素所有的兄弟节点

$('#id').prev() 当前元素前一个兄弟节点

$('#id').prevaAll() 当前元素之前所有的兄弟节点

$('#id').next() 当前元素之后第一个兄弟节点

$('#id').nextAll() 当前元素之后所有的兄弟节点

这三个方法都可以添加选择器，给出选择条件，就能找到你指定的兄弟节点了。

1.纯js如下：

var s=document.getElementById('id');

var par=s.parentNode; //得到s的父节点

var ns=s.nextSbiling; //获得s的下一个兄弟节点

var ps=s.previousSbiling; //得到s的上一个兄弟节点

var fc=s.firstChild; //获得s的第一个子节点

2.jQuery如下：

$(ele).parent();//父节点

$(ele).prev();//上一个兄弟节点

$(ele).next();//下一个兄弟节点

1.next();//获取当前元素的下一个兄弟元素

2.nextAll();//获取当前元素后面所有的兄弟元素

3.prev();//获取当前元素的前一个兄弟元素

4.prevAll();//获取当前元素前面的所有兄弟元素

5.siblings();//获取当前元素的所有兄弟元素

6.children();//获取一个元素的直接子元素，类似于 $(‘ul li’)

7.find();//获取一个元素的某种所有子元素，类似于 $(‘ul li’)

8.parent();//获取当前元素的父元素

参考

本文名称：jquery的兄弟元素,jquery获取元素的兄弟元素
浏览路径：http://cdiso.cn/article/dsdjieg.html