jquery - 如何获得包含其他元素中某个元素的最后一个的包装集？

Question

在 jQuery 中，我想获取一组元素中某个元素的最后一个。例如，我有这些带 child 的 DIV:

<div class="test">
    <div class="inside">
    </div>
    <div class="inside">
    </div>
    <div class="inside">
    </div>
</div>
<div class="test">
    <div class="inside">
    </div>
    <div class="inside">
    </div>
    <div class="inside">
    </div>
</div>
<div class="test">
    <div class="inside">
    </div>
    <div class="inside">
    </div>
    <div class="inside">
    </div>
</div>

我想在每个类为“test”的 div 中选择类为“inside”的最后一个 div。像这样:

var customWrappedSet;
$('.test').each(function()
{
    customWrappedSet.add($(this).find('.inside').last());
});
customWrappedSet.text('hello');

理想情况下，这将是三个元素(每个 .test 中的最后一个 .inside)。结果将如下所示:

<div class="test">
    <div class="inside">
    </div>
    <div class="inside">
    </div>
    <div class="inside">
        hello
    </div>
</div>
<div class="test">
    <div class="inside">
    </div>
    <div class="inside">
    </div>
    <div class="inside">
        hello
    </div>
</div>
<div class="test">
    <div class="inside">
    </div>
    <div class="inside">
    </div>
    <div class="inside">
        hello
    </div>
</div>

我不知道该怎么做。

Answer 1

您想要的是最后一个子选择器，而不是简单的最后一个。这将返回作为其父元素中最后一个子元素的每个元素:

$('.test .inside:last-child');

fiddle example