Latest web development tutorials

jQueryの親()メソッド

jQueryのトラバーサル方法 jQueryのトラバーサル方法

戻る<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

»をお試しください

定義と使用法

親()メソッドは、選択した要素の直接の親要素を返します。

DOMツリー:このメソッドは、DOMツリーを横断する唯一のレベルです。 文書のルート要素(リターン・祖父母や他の祖先)の全てまでパスを移動するには、使用する親()またはparentsUntil()メソッド。

ヒント:単一レベルに沿って、またはすべての子孫まで最後のトラバース経路までダウンDOMツリーをトラバースする(子孫は、子ノードまたは他を返すために)、使用(子供を)または()を見つける方法を。


文法

$(selector).parent( filter )

参数 描述
filter 可选。规定缩小搜索父元素范围的选择器表达式。


例

より多くの例

直接の親要素の<span>要素を返します
どのように親要素の<span>要素に直接戻ります。

検索結果を絞り込みます
"1" <LI>要素のクラス名を持つ各<span>の親要素を返すために、フィルタパラメータを使用する方法。

すべての<p>要素の直接の親要素の<div>要素を返します
どのようにの<div>要素のすべての直接の親要素のすべての<p>要素を返します。

要素タグ名のデモによって、祖先要素
デモの<span>要素の祖先。


jQueryのトラバーサル方法 jQueryのトラバーサル方法