jquery怎么獲取當(dāng)前元素的兄弟元素

$('#id').siblings() 當(dāng)前元素所有的兄弟節(jié)點(diǎn)

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的瑪納斯網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

$('#id').prev() 當(dāng)前元素前一個(gè)兄弟節(jié)點(diǎn)

$('#id').prevaAll() 當(dāng)前元素之前所有的兄弟節(jié)點(diǎn)

$('#id').next() 當(dāng)前元素之后第一個(gè)兄弟節(jié)點(diǎn)

$('#id').nextAll() 當(dāng)前元素之后所有的兄弟節(jié)點(diǎn)

這三個(gè)方法都可以添加選擇器，給出選擇條件，就能找到你指定的兄弟節(jié)點(diǎn)了。

jQuery獲取兄弟元素的各種方法總結(jié)

1.next();//獲取當(dāng)前元素的下一個(gè)兄弟元素

2.nextAll();//獲取當(dāng)前元素后面所有的兄弟元素

3.prev();//獲取當(dāng)前元素的前一個(gè)兄弟元素

4.prevAll();//獲取當(dāng)前元素前面的所有兄弟元素

5.siblings();//獲取當(dāng)前元素的所有兄弟元素

6.children();//獲取一個(gè)元素的直接子元素，類似于 $(‘ul li’)

7.find();//獲取一個(gè)元素的某種所有子元素，類似于 $(‘ul li’)

8.parent();//獲取當(dāng)前元素的父元素

參考

jquery中兄弟元素一定是同一類型的嗎

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

div

h1.../h1

p.../p

a.../a

/div

JQuery怎么取兄弟元素的值

上一個(gè)兄弟元素： $(this).prev().text()

下一個(gè)兄弟元素： $(this).next().text()

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

JQuery怎么取兄弟元素的值？

JQuery中用siblings()方法取兄弟節(jié)點(diǎn)的元素。

jQuery.siblings() 是返回兄弟姐妹節(jié)點(diǎn)，不分前后。

比如有如下html頁(yè)面：

!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

運(yùn)行結(jié)果：