jQuery 取得兄弟元素的幾種不錯方法_jquery

在取得指定元素的兄弟元素時，可以使用adjacent sibling combinator ( )，其中的兩側內容都是selector expression.
如果要取得下例中所有的h1的直接兄弟元素h2

複製程式碼 程式碼如下:

Main title

Main title

Section title

Some content...

Section title

More content...

可以直接使用複製程式碼

複製程式碼

程式碼如下

$('h1 h2')

// Select ALL h2 elements that are adjacent siblings of H1 elements. 如果要過濾h1的兄弟元素，當然也可以使用

複製程式碼


程式碼如下:

$('h1').siblings(' h2,h3,p');
// Select all H2, H3, and P elements that are siblings of H1 elements.

如果要取得目前元素之後的所有兄弟元素，可以使用nextAll() 例如，針對下面的html程式碼

複製程式碼


程式碼如下:



程式碼如下:

程式碼如下:

程式碼如下:

First item

Second Item

Third item

Fourth item

Fifth item

如果要取得第二個條目之後的所有li元素，可以使用以下程式碼

複製程式碼

程式碼如下:

$('li.selected'). nextAll('li'); 上例也可以使用general sibling combinator (~)來實現

複製程式碼

複製程式碼 程式碼如下: $('li.selected ~ li'); 取得直接兄弟元素也可以不使用selector，直接使用next ()． 複製程式碼 程式碼如下: var topHeaders = $('h1'); >topHeaders.next('h2').css('margin', '0);