最も近い

UK [k'ləʊsɪst] US [k'loʊsɪst]

adj.最も近い

jquery closest()方法 構文

関数: closest() メソッドは、現在の要素から DOM ツリーを上に向かって、セレクターに一致する最初の祖先要素を取得します。

#構文: .closest(selector)

パラメータ:

# #ParameterDescriptionselector 一致する要素のセレクター式を含む文字列値。

説明: DOM 要素のコレクションを表す jQuery オブジェクトがある場合、.closest() メソッドを使用して、DOM 内のこれらの要素を取得できます。ツリーとその祖先要素を取得し、一致する要素を持つ新しい jQuery オブジェクトを構築します。 .parents() メソッドと .closest() メソッドは、両方とも DOM ツリーを上に移動するという点で似ています。

jquery closest()方法 例

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
  li { margin: 3px; padding: 3px; background: #EEEEEE; }
  li.hilight { background: yellow; }
</style>
</head>
<body>
  <ul>
    <li><b>Click me!</b></li>
    <li>You can also <b>Click me!</b></li>
  </ul>
<script>
  $( document ).bind("click", function( e ) {
    $( e.target ).closest("li").toggleClass("hilight");
  });
</script>
</body>
</html>
インスタンスの実行 »

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