jquery : closest ('h3') selector?

Question

는 내가 가지고 :

<ul class="rating"> 
    <h3>Like this</h3> 
    <li class="rating-number"> 
     <div id="iLikeThis" class="iLikeThis"> 
      <span class="counter">2</span> 
     </div> 
    </li> 
</ul> 

이 내 jQuery 코드

$('.iLikeThis .counter').each(function() { 
     $(this).parent().parent().parent().children('h3').text('You like this'); 
     $(this).parent().addClass('like'); 
}); 

가장 가까운 H3 요소를 선택하는 더 나은 방법이 있나요. 3 배의 parent()에서는 작동하지만 가장 가까운 ('h3)에서는 작동하지 않습니다.

왜?

Answer 1

.counter의 부모가 아닌 h3은 작동하지 않습니다. 대신 .rating에 .closest()를 사용하고 h3 찾을 :

$(this).closest('.rating').children('h3').text('You like this');