jquery：最接近（'h3'）選擇器？

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次父（），但不能用最近（'h3）。

爲什麼？

Answer 1

由於h3不是.counter的父親，所以不起作用。使用上.rating.closest()，而不是找到它h3：

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