jquery: en yakın ('h3') seçici?

Question

i var:

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

bu benim jquery kod

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

en yakın h3 elemanı seçmek için daha iyi bir yolu var mı. 3-kez ebeveyn() ile çalışır, ancak en yakın ('h3) ile çalışmaz.

Neden? .counter

Answer 1

h3, .counter numaralı bir ebeveyn değildir, bu çalışmayacak. yerine .rating üzerine .closest() kullanın ve h3 bulmak:

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