jquery - 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 回の parent() では機能しますが、closest('h3) では機能しません。

なんで？

Answer 1

h3は の親ではないため、.counter機能しません。代わりに.closest()onを使用して、その:.ratingh3

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