jqueryで兄弟ノードを取得する方法

JQuery は、DOM 操作を簡素化し、兄弟ノードを含むページ内の HTML 要素を迅速に検索して操作できる優れた Javascript ライブラリです。

兄弟ノードの取得

HTML では、兄弟ノードは、同じ親要素の下にある兄弟要素を指します。それらのテキストの内容は必ずしも関連しているわけではありませんが、同じ親要素に属しているだけです。 JQuery では、いくつかのメソッドを通じて兄弟ノードを取得できます。最も一般的に使用されるメソッドは次のとおりです:

1. siblings() メソッド: Brothers() メソッドは、現在の要素と同じレベルにあるすべての要素を返します。現在の要素を除く要素自体。

たとえば、次の HTML コードがあるとします。

<ul>
  <li>Item 1</li>
  <li id="current">Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

ID が「current」の要素があり、同じレベルのすべての要素を取得できます。

$("#current").siblings();

このコードは、要素「Item 1」、「Item 3」、および「Item 4」を含む JQuery オブジェクトを返します。特定の兄弟要素を取得する必要がある場合は、sibling() メソッドのパラメータを使用できます。

2. next() メソッド: next() メソッドは、現在の要素の後の最初の兄弟要素を取得します。

たとえば、前の例では、次のコードを通じて要素「Item 3」を取得できます:

$("#current").next();

3. prev() メソッド: prev() メソッドget 現在の要素の前の最初の兄弟要素。

たとえば、前の例では、次のコードを通じて要素「Item 1」を取得できます:

$("#current").prev();

summary

JQuery の兄弟()を通じて、next() および prev() メソッドを使用して、兄弟ノードを簡単に取得します。これらのメソッドを使用すると、要素をすばやくクエリして操作できます。ただし、これらのメソッドは同じレベルの要素にのみ適用されるため、他のレベルの要素をクエリする必要がある場合は、他の検索メソッドを使用する必要があることに注意してください。

以上がjqueryで兄弟ノードを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。