jQuery_jquery を使用して兄弟要素を取得するいくつかの良い方法

指定した要素の兄弟要素を取得する場合は、コンテンツの両側がセレクター式である隣接兄弟コンビネータ ( ) を使用できます。
次の例では、h1 の直接の兄弟要素 h2 をすべて取得します。

コードをコピーします コードは次のとおりです。

h1>メインタイトル

セクションタイトル

セクションタイトル ;

その他のコンテンツ ...

直接使用できます

🎜>
コードをコピー

コードは次のとおりです: $('h1 h2') // 隣接するすべての h2 要素を選択しますH1 要素の兄弟

If h1 の兄弟要素をフィルタリングするには、

コードをコピーすることもできます

コードは次のとおりです: $ ('h1').siblings('h2,h3,p') // H2、H3、H3 をすべて選択します。

現在の要素の後のすべての兄弟要素を取得したい場合は、 nextAll()
を使用できます。たとえば、次の HTML コードの場合です。

コード

コードをコピーします。

;最初の項目

2番目の項目

4番目の項目 li>

5 番目の項目

2 番目のエントリ以降の li 要素を取得したい場合は、次のようにします。コード

コード

をコピーします。 コードは次のとおりです。 $('li.selected' ).nextAll('li'); 上記の例は、一般的な兄弟コンビネータ (~)

コードをコピー

コードは次のとおりです: $('li.selected ~ li'); 直接の兄弟要素を取得するには、次のようにします。セレクターを使用せずに next() を直接使用することもできます。

コードをコピー

コードは次のとおりです。 var topHeaders = $('h1') ; topHeaders.next('h2').css('margin', '0);