ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryで親とその上の要素を取得する方法

jQueryで親とその上の要素を取得する方法

yulia
yuliaオリジナル
2018-09-18 15:28:594608ブラウズ

jquery はフロントエンド開発で広く使用されており、jQuery を使用して子要素、親要素、兄弟要素などを取得できます。この記事では、jQuery を使用して親要素および親要素の上位の要素を取得する方法について説明します。必要に応じて、お友達に見てもらって、お役に立てれば幸いです。

parent()、parents()、closest()これらのメソッドはすべて、親要素またはノードを検索するために使用できます

最初に例を示します:

<ul class="parent1">
  <li><a href="#" id="item1">jquery获取父节点</a></li> 
  <li><a href="#">jquery获取父元素</a></li> 
</ul>

私たちの目的は、id item1 のノート a を介して、クラスparent1の ul 要素を取得することです。

1、parent([expr])

というメソッドがあります。

一致するすべての要素の一意の親要素を含む要素セットを取得します。
例:

$(&#39;#item1&#39;).parent().parent(&#39;.parent1&#39;);

2, :parent

子要素またはテキストを含む要素と一致します。

$(&#39;li:parent&#39;);

3,parents( [expr])

一致するすべての要素 (ルート要素を除く) の祖先要素を含む要素セットを取得します。オプションの式でフィルタリングできます。

$(&#39;#items&#39;).parents(&#39;.parent1&#39;);

4.most([expr])

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

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

closest は、イベントの委任を処理する場合に便利です。

rree

以上がjQueryで親とその上の要素を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。