子ノードと親ノードを取得するための jquery サンプル コード_jquery

1. 子ノードを取得します

たとえば、$('#test') という ID を持つ div 要素を選択します。クラスデモでこの div の下のクラスを検索します。span 要素にはいくつかのメソッドがあります。
1. フィルター条件を使用します。

$('#test scan.demo')

2. を使用します。 find() 関数

$('#test').find('span.demo')

3. Children() 関数を使用します

$('# test').children('span.demo')

2. 親ノードを取得します
jquery には、parent()、parents など、親要素を取得するさまざまな方法があります。 ()、closest()、これらは検索の実現に役立ちます。 親要素またはノード

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

<ul class="parent1" >
<li><a href="#" id="item1">jquery は親ノードを取得します</a> </li>
<li><a href= "#">jquery は親要素を取得します</a>

私たちの目的は、item1 の ID を持つノート a を通じてクラスを取得することです。parent1 の ul 要素には、次のメソッドがあります:

1.$('#item1').parent() .parent('.parent1');

2.$( 'li:parent')

3.$('#items').parents('.parent1');

4.$('#items1').closest(' .parent1');

closest は、まず現在の要素が一致するかどうかを確認し、一致する場合は、要素自体。一致するものがない場合は、セレクターに一致する要素が見つかるまで、レイヤーごとに親要素を上方向に検索します。何も見つからない場合は、空の jQuery オブジェクトが返されます。

最近接要素と親要素の主な違いは次のとおりです。 1. 前者は現在の要素から一致と検索を開始しますが、後者は親要素から一致と検索を開始します。 2. 前者は、上方向に向かって段階的に検索します。一致する要素を見つけて停止します。後者はルート要素まで上方に検索し、これらの要素を一時コレクションに入れてから、指定されたセレクター式を使用して 3 をフィルターします。後者には、0、1、または複数の要素が含まれる場合があります。 close は、イベントの委任を処理する場合に便利です。