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 的父级，因此这是行不通的。在 . rating 上使用 .closest() 并找到它的 h3：

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