最寄りの要素を取得 .closest ━jQuery

jqueryで特定の要素に隣接する(最寄りの)要素を取得したいときに使える.closest

要素が複雑に絡んでくるwebページ内で特定の要素の子要素(自分が囲んでいる方)や親要素(自分を囲んでいる方)に対してアクションをつけるとき、

.childe()や.parent()

も使いますが、あまりに複雑なときに使うのが.closest()

[code]
<li><b>ここをクリック!</b></li>
<li>bタグの外でも <b>内側でも</b> クリック結果は同じ</li>
[/code]
↑HTMLに対して
[code]
$(document).bind("click", function (e) {
$(e.target).closest("li").toggleClass("hilight");
});
[/code]
と書くと
li要素に対してハイライトしてくれます。

最近便利だなと思ったのでメモ

【参考】
jQuery日本語リファレンス closest