jquery的兄弟元素,jquery兄弟节点

jquery怎么获取当前元素的兄弟元素

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

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

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

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

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

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

jQuery获取兄弟元素的各种方法总结

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

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

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

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

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

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

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

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

参考

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

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

div

    h1.../h1

    p.../p

    a.../a

/div

JQuery怎么取兄弟元素的值

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

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

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

JQuery怎么取兄弟元素的值？

JQuery中用siblings()方法取兄弟节点的元素。

jQuery.siblings() 是返回兄弟姐妹节点，不分前后。

比如有如下html页面：

!DOCTYPE html

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

/head

body

ul

 lilist item 1/li

 lilist item 2/li

 li class="third-item"list item 3/li

 lilist item 4/li

 lilist item 5/li

/ul

script

$('li.third-item').siblings().css('background-color', 'red');

/script

/body

/html

运行结果：