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

为什么？

Answer 1

由于h3不是.counter的父级，因此无效。使用.closest()上的.rating代替h3：

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