最新のWeb開発のチュートリアル
 

jQuery parentsUntil() Method

<jQueryのトラバース方法

間のすべての祖先要素を返します<span><div>

$(document).ready(function(){
    $("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});

結果:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span
»それを自分で試してみてください

定義と使用法

parentsUntil()メソッドは、 セレクタストップの間のすべての祖先要素を返します。

祖先は、というように、親、祖父母、曽祖父である、と。

DOMツリー:DOM要素の祖先に沿って親要素からトラバース上向きこの方法は、文書のルート要素までのすべての方法、それは特定の要素に到達するまで。

注:両方のパラメータが空の場合、この方法は、(同じすべての祖先要素を返しますparents()メソッド)。

関連するメソッド:

  • parent() -選択された要素の直接の親要素を返します。
  • parents() -戻り選択した要素のすべての祖先要素
  • closest() -選択された要素の最初の祖先を返します

構文

$(selector).parentsUntil( stop,filter )

パラメーター 説明
stop 任意。 セレクタ式は、表示素子やjQueryオブジェクトは、祖先要素を一致させるための検索を停止するには
filter 任意。 セレクタ停止の間に先祖の検索を絞り込むためにセレクタ式を指定します。

注:複数の祖先を返すには、コンマで各式を区切ります。

それを自分で試してみてください - 例

検索を絞り込みます
間の特定の要素を検索フィルタするために、両方のパラメータを使用する方法<span><div>

複数の祖先を返します
間に複数の祖先返す方法<span><body>

DOM
間のすべての祖先戻る<span><div> DOM要素を使用して。

検索をフィルタリングするDOM要素とセレクタ式を使用して、
先祖検索絞り込むことDOM要素を使用して、 <ul>との間の要素<span><div>


<jQueryのトラバース方法