jquery: निकटतम ('एच 3') चयनकर्ता?

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-बार माता-पिता() के साथ काम करता है लेकिन निकटतम ('एच 3) के साथ नहीं।

क्यों?

Answer 1

h3.counter का अभिभावक नहीं है, जो काम नहीं करेगा। बजाय .rating पर .closest() का प्रयोग करें और अपने h3 लगता है:

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