JQuery のparent()、parents()、parentsUntil() の違いとその使用方法に関するチュートリアル-jsチュートリアル-php.cn

parent() は実際には非常に単純で、セレクター内の各要素の外層を指定するだけです。たとえば、$("p") の場合、結果は

のように

でラップされたデータになります。複数の

がある場合、結果セットはオブジェクトのセットになります。 eq(i)、first()、last() を使用して検索できます。データが

の使用方法 $("p").parent("li") の場合、クエリ結果は空になります。
です。
JQueryマニュアルでは、
```
Hello
Hello Again
```
ログイン後にコピー
```
$("p").parent(".selected");
          
           ログイン後にコピー
          
         
```
```
//结果:
```
ログイン後にコピー
```
[ 
Hello Again
 ]
```
ログイン後にコピー
は、
```
$("p").parent().find(".selected");
```
ログイン後にコピー
直接の親が選択されている1つまたは複数を見つけると理解できます。
つまり、parent() はあまり実用的ではありません。
parents() は、セレクター内の各要素のすべての親です。セレクターに複数の親がある場合、結果セットを返します。結果セットの結果は、内層から外層に向かって配置されます。最も外側のレイヤーはhtml 要素全体であり、最初のレイヤーはセレクター内の各要素をしっかりとラップする要素です。結果セットには重複する要素はありません。
同様に、パラメーターが取得されると、指定された要素も結果セット内で見つかります
```
$("p").parents(".selected");
```
ログイン後にコピー
```
$("p").parents().find(".selected");
```
ログイン後にコピー
したがって、セレクターの特定の父親を見つけたい場合は、最初にすべての親を見つけてから、父親を見つける必要があります。
現在の要素の親を見つけたい場合は、次の構文が使用されます。
```
$(this).parents("li");//$(this).parents().find("li");
```
ログイン後にコピー
つまり、parents() は非常に実用的です。非常によく使われます。
両親まで(expr)。 parents() が HTML 要素全体のセレクター内の各要素のすべての親を検索する場合、parentsUntil() の機能は検索範囲を制限することです。この範囲は $(expr).html()
```
$("p").parents();//包含整个html 元素$("p").parentsUntil("html");//不包含整个html元素
```
ログイン後にコピー
です。上記 2 つの式の結果セットは 1 つの要素 (HTML 要素全体) だけが異なります。
```
$("p").parents();//包含整个html 元素$("p").parentsUntil();//包含整个html元素
```
ログイン後にコピー
parentsUntil() がパラメータを取らない場合、parents(); と同等になります。
parentsUntil(expr) の結果セット内の結果も、内層から外層に配置されます。 parentUntil(expr) は、要素をラップする最初の親要素から開始して、式 (expr) に一致する最初の要素が見つかるまで、層ごとに外側に向かって検索します。
```
$("p").parentsUntil(expr);
```
ログイン後にコピー
は、$(expr)の内外から$("p")内の各要素の親要素を全て検索するのと同等です
指定した要素をより正確に見つけるには、次のように使用できます。
```
$("p").parentsUntil("ul").find("li");
```
ログイン後にコピー
しかし、上記の方法では ul>li は見つかりません。ul * li だけが見つかります。 parentsUntil() は結果セット内の最大の親を ul>* として返し、find は ul>* の子孫要素内で ul>* を含まない要素を検索するためです。したがって、このメソッドを使用して ul>li を検索する場合、それは実現不可能です
次のコードを使用して、ul (最初の行) の下のすべての li、最も近い ul (2 行目) の下のすべての li をクエリできます
```
$("p").parents("ul").find("li");$("p").parents("ul").eq(0).find("li");
```
ログイン後にコピー
parentsUntil( expr) の場合、返される結果セットには expr 自体は含まれません。また、後で find() が使用される場合、結果セットの子孫要素でクエリが実行されるため、クエリの結果は expr の子要素ではなく、 2 世代目以降の子要素。
親の成績を考慮して、一般的には使用することはお勧めしません。
parnetsUntil() を使用して、特定のモジュール内の特定の要素を検索できます。
結果セット内の特定の要素を具体的に操作したい場合は、値を取得するために eq(i)、first()、last() およびその他の関数を使用することを覚えておく必要があります。そうしないと、結果セット全体が操作される。
親ノードを動的に検索
```
$(this).parent("li");//找到第一个包住$(this)的dom，如这个dom是li则返回他的对象，如果不是则返回空对象$(this).parents("li");//找到所有$(this)的父亲，并在其中找出所有的li的对象，组成结果集。结果集中结果由内之外排列$(this).parents().find("li");//同上。$(this).parents("li").eq(0);//$(this)外第一个包裹他的li对象$(this).parentsUntil("li");//$(this)外到第一个包裹他的li之内的所有的$(this)的父亲$(this).parentsUntil("ul").find("li");//$(this)在ul之前的那个父亲之内（不包括该父亲）找所有的li;如果中a是this的话，那么相当于$("li").find("li");最后结果之空。$(this).parents("li").sublings();//查找所在的li的所有同辈元素
```
ログイン後にコピー
parent()に対応する関数はchildren()です
parents()に対応する関数はfind()です
以上がJQuery のparent()、parents()、parentsUntil() の違いとその使用方法に関するチュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。