parents

UK['peərənts] US['peərənts]

n.Parents (親の複数名詞)

until

English[ənˈtɪl] US[ʌnˈtɪl]

prep.Until...;before...

conj.Until...、前。 ..;まで …才能

jquery parentsUntil()方法 構文

関数: parentsUntil() セレクター、DOM ノード、または jQuery オブジェクトによって一致する要素まで (ただし要素は含まれません)、現在の一致する要素セット内の各要素の祖先要素を取得します。

構文 1: .parentsUntil(selector,filter)

パラメータ:

パラメータ説明
セレクター オプション。祖先要素の一致を停止するセレクター式を指定する文字列値。
フィルター オプション。要素と一致させるために使用されるセレクター式を含む文字列値。

#構文 2: .parentsUntil(element,filter)

パラメータ:

パラメータ説明要素 オプション。祖先要素の一致をどこで停止するかを示す DOM ノードまたは jQuery オブジェクト。 フィルター オプション。要素と一致させるために使用されるセレクター式を含む文字列値。

説明: DOM 要素のコレクションを表す jQuery オブジェクトが与えられた場合、.parentsUntil() メソッドを使用して、これらの要素を検索できます。 DOM ツリー: セレクター (メソッドに渡される引数) によって一致する要素が見つかるまでの祖先要素。返された jQuery オブジェクトには、.parentsUntil() メソッドで指定されたセレクターに一致する要素を除くすべての祖先要素が含まれます。一致するものがない場合、またはセレクターが適用されない場合は、すべての祖先要素が選択されます。この場合、セレクターが指定されていない場合、メソッドは .parents() と同じ要素を選択します。 jQuery 1.6 以降では、セレクターの代わりに DOM ノードまたは jQuery オブジェクトを .parentsUntil() メソッドの最初の引数として使用できます。このメソッドは、オプションのセレクター式を 2 番目のパラメーターとして受け入れます。このパラメーターが適用される場合、要素はこのセレクターと一致するかどうかをテストすることによってフィルターされます。

jquery parentsUntil()方法 例

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
<ul class="level-1 yes">
  <li class="item-i">I</li>
  <li class="item-ii">II
    <ul class="level-2 yes">
      <li class="item-a">A</li>
      <li class="item-b">B
        <ul class="level-3">
          <li class="item-1">1</li>
          <li class="item-2">2</li>
          <li class="item-3">3</li>
        </ul>
      </li>
      <li class="item-c">C</li>
    </ul>
  </li>
  <li class="item-iii">III</li>
</ul>

<script>
$("li.item-a").parentsUntil(".level-1")
  .css("background-color", "red");

$("li.item-2").parentsUntil( $("ul.level-1"), ".yes" )
  .css("border", "3px solid blue");
</script>
</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します