jQueryで親要素を探す

javascript

子要素を探すのにはfind

  <p><span>Hello</span>, how are you?</p>
<p>Me? I'm <span>good</span>.</p>

  $("p").find("span").css('color','red');

親要素を探す場合はclosest

  <ul>
    <li><b>Click me!</b></li>
    <li>You can also <b>Click me!</b></li>
  </ul>

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


一応以下でもclosestと同じ結果を得られるが、closestを使うほうが意味がわかりやすくていいですね
ちゃんと調べてないけど、パフォーマンスもいいはず

$(e.target).parents('li').eq(0);
// とか
$(e.target).parents('li').first();