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

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

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

.childe()や.parent()

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

<li><b>ここをクリック!</b></li>
<li>bタグの外でも <b>内側でも</b> クリック結果は同じ</li>

↑HTMLに対して

$(document).bind("click", function (e) {
  $(e.target).closest("li").toggleClass("hilight");
});

と書くと
li要素に対してハイライトしてくれます。

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

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