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()，但不适用于最接近的 ('h3)。

为什么？

Answer 1

由于h3不是 的父母.counter，那是行不通的。改用.closest()on.rating并找到它h3：

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