<span> の直接の親要素を返す：
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px
solid red"});
});
結果：
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Try it Yourself »
parent() メソッドは、選択した要素の直接の親要素を返します。
DOM ツリー： このメソッドは、 DOMツリーの 1 つ上のレベルだけをトラバースします。 祖父母や他の祖先を返すために、文書のルート要素に達するまで上方にトラバースするには、 parents() または parentsUntil() メソッドを使用します。
チップ: DOM ツリーの１つ下のレベル、または子や他の子孫要素を返すために、 最後の子孫に達するまで下方にトラバースするには、children() または find() メソッドを使用します。
$(selector).parent(filter)
| パラメータ | 説明 |
|---|---|
| filter | 任意。親の検索を絞り込むためのセレクタ式を指定する |
各 <span> 要素の直接の親を返す
各 <span> 要素の直接の親を返す方法。
検索の絞り込み
各 <span> のクラス名が "first" である親要素の <li> を返すために、filter パラメータを使用する方法。
各 <p> 要素の直接の親 <div> 要素を返す
各 <p> 要素の直接の親 <div> 要素を返す方法。
タグ名で要素の祖先要素を表示する
<span> 要素の祖先は、実際に何であるかを示すデモ。