jquery closest()方法
翻訳結果：
最も近い
UK [k'ləʊsɪst] US [k'loʊsɪst]
adj.最も近い
jquery closest()方法構文
関数: closest() メソッドは、現在の要素から DOM ツリーを上に向かって、セレクターに一致する最初の祖先要素を取得します。
#構文: .closest(selector)
パラメータ:
| Description | |
| 一致する要素のセレクター式を含む文字列値。 |
説明: 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>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します