ホームページ > 記事 > ウェブフロントエンド > jqueryは親要素を取得できますか?
jquery は親要素を取得できます。 jquery で親要素を取得するには、parent()、parents()、closest() など、親要素またはノードを取得できるさまざまな方法があります。parent() は、選択した要素の直接の親要素を返します。 、最も近い() は、選択された要素の親要素、つまり最初の祖先要素を返します。
関連する推奨事項: "jqvideo"
jquery には、parent などの親要素を取得するためのメソッドが多数あります。 ()、parents()、closest() は、親要素またはノードを見つけるのに役立ちます。それらを 1 つずつ説明しましょう:
まず例を挙げてみましょう、
<ul class="parent1"> <li><a href="#" id="item1">jquery获取父节点</a></li> <li><a href="#">jquery获取父元素</a></li> </ul>
私たちの目的は、を使用することです。 item1 のメモ a のクラスparent1 を持つ ul 要素を取得するには、いくつかのメソッドがあります:
1,parent([expr])
一致するすべての要素の一意の親要素を含む要素セットを取得します。
オプションの式を使用してフィルタリングできます。
コードは次のとおりです
$('#item1').parent().parent('.parent1');
2, :parent
子要素またはテキストを含む要素と一致します
コードは次のとおりです。次のように
$('li:parent');
3,parents([expr])
一致するすべての要素(ルート要素を除く)の祖先要素を含む要素セットを取得します。オプションの式でフィルタリングできます。
コードは次のとおりです
$('#items').parents('.parent1');
4.closest([expr])
closest は、まず現在の要素が一致するかどうかを確認し、一致するかどうかを確認します。一致すると、要素自体が直接返されます。一致するものがない場合は、セレクターに一致する要素が見つかるまで、レイヤーごとに親要素を上方向に検索します。何も見つからない場合は、空の jQuery オブジェクトが返されます。
最近接要素と親要素の主な違いは次のとおりです: 1. 前者は現在の要素から一致と検索を開始しますが、後者は親要素から一致と検索を開始します; 2. 前者は、次の要素に達するまで段階的に上向きに検索します。一致する要素を見つけて停止します。後者はルート要素まで上向きに検索し、これらの要素を一時コレクションに入れ、指定されたセレクター式を使用してフィルターします。3. 前者は 0 または 1 要素を返し、後者には、0、1、または複数の要素が含まれる場合があります。
closest は、イベントの委任を処理する場合に便利です。
$('#items1').closest('.parent1');
プログラミング関連の知識について詳しくは、プログラミング学習コースをご覧ください。 !
以上がjqueryは親要素を取得できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。