jquery: más cercano ('h3') selector?

Question

que tengo:

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

este es mi código de jQuery

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

¿Hay una mejor manera de seleccionar el elemento h3 más cercano. Funciona con 3 veces padre() pero no con el más cercano ('h3).

¿Por qué?

Answer 1

Como h3 no es uno de los padres de .counter, eso no funcionará. .closest() utilizar en .rating lugar y encontrar su h3:

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