例
すべての祖先要素を返します<span> ：
$(document).ready(function(){
$("span").parents().css({"color":
"red", "border": "2px solid red"});
});
結果：
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
»それを自分で試してみてください 定義と使用法
parents()メソッドは、選択した要素のすべての祖先要素を返します。
祖先は、というように、親、祖父母、曽祖父である、と。
DOMツリー：DOM要素の祖先に沿って親要素からトラバース上向きこの方法は、文書のルート要素までのすべての方法(<html>)
フィルタパラメータが空の場合、この関数は直接の親から、要素のセットのすべての祖先を選択して、すべての方法までになります 。 注意してください <body>と<html> 検索結果を絞り込むためにセレクタ式を渡すことがしばしば有用です。
この方法は、に似ているclosest()どちらもDOMツリーをトラバースことで、。 相違点は次のとおりです。
parents()
- 親要素で始まります
- DOMツリーを移動し、渡された式に一致するすべての祖先を返します
- 返されたjQueryオブジェクトは、ゼロまたは複数の要素が含まれています
closest()
- 現在の要素で始まります
- DOMツリーを移動し、渡された式に一致する最初の先祖を返します
- 返されたjQueryオブジェクトは、ゼロまたは1つの要素が含まれています
その他の関連する方法：
- parent() -選択された要素の直接の親要素を返します。
- parentsUntil() - 2指定された引数の間のすべての祖先要素を返します。
構文
$(selector).parents( filter )| パラメーター | 説明 |
|---|---|
| クラス= "notranslate"フィルタ | 任意。 先祖の検索を絞り込むためにセレクタ式を指定します。 注：複数の祖先を返すには、コンマで各式を区切ります。 |
それを自分で試してみてください - 例
検索を絞り込みます
すべての先祖返すために、フィルタパラメータを使用する方法<span>していること<ul>要素。
複数の祖先を返します
どのようにすべての祖先返すために、フィルタパラメータを使用するには<span>あること<li>と<div>要素を。
タグ名によって要素の先祖を表示
先祖人示しているデモ<span>要素は、実際にあります。