jQueryの親()メソッド
例
戻る<span>の直接の親要素:
$(document).ready(function(){
$("span").parent().css({"color":"red","border":"2px solid red"});
});
$("span").parent().css({"color":"red","border":"2px solid red"});
});
結果:
body (great-great-grandparent)
div (great-grandparent)
- ul (grandparent)
- li (direct parent) span
»をお試しください
定義と使用法
親()メソッドは、選択した要素の直接の親要素を返します。
DOMツリー:このメソッドは、DOMツリーを横断する唯一のレベルです。 文書のルート要素(リターン・祖父母や他の祖先)の全てまでパスを移動するには、使用する親()またはparentsUntil()メソッド。
ヒント:単一レベルに沿って、またはすべての子孫まで最後のトラバース経路までダウンDOMツリーをトラバースする(子孫は、子ノードまたは他を返すために)、使用(子供を)または()を見つける方法を。
文法
$(selector).parent( filter )
参数 | 描述 |
---|---|
filter | 可选。规定缩小搜索父元素范围的选择器表达式。 |
より多くの例
直接の親要素の<span>要素を返します
どのように親要素の<span>要素に直接戻ります。
検索結果を絞り込みます
"1" <LI>要素のクラス名を持つ各<span>の親要素を返すために、フィルタパラメータを使用する方法。
すべての<p>要素の直接の親要素の<div>要素を返します
どのようにの<div>要素のすべての直接の親要素のすべての<p>要素を返します。
要素タグ名のデモによって、祖先要素
デモの<span>要素の祖先。