Question

如何在jQuery中选择最后一个子元素？

只是最后一个孩子，而不是它的后代。

Answer 1

你也可以这样做：

<ul id="example">
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
</ul>

// possibility 1
$('#example li:last').val();
// possibility 2
$('#example').children().last()
// possibility 3
$('#example li:last-child').val();

:last

.children().last()

:last-child

Answer 2

表现：

$('#example').children().last()

或者如果你想要一个具有某个类的最后一个孩子如上所述。

$('#example').children('.test').last()

或具有特定类

的特定子元素

$('#example').children('li.test').last()

Answer 3

使用:last-child selector？

您是否有特定情况需要帮助？

Answer 4

如果您想选择最后一个孩子，并且需要特定于元素类型，您可以使用选择器last-of-type

以下是一个例子：

$("div p:last-of-type").css("border", "3px solid red");
$("div span:last-of-type").css("border", "3px solid red");

<div id="example">
            <p>This is paragraph 1</p>
            <p>This is paragraph 2</p>
            <span>This is paragraph 3</span>
            <span>This is paragraph 4</span>
            <p>This is paragraph 5</p>
        </div>

在上面的例子中，第4段和第5段都有一个红色边框，因为第5段是＆＃34; p＆＃34;的最后一个元素。在div中键入，第4段是最后一个＆＃34; span＆＃34;在div中。

Answer 5

大家好，请尝试此属性

$( "p span" ).last().addClass( "highlight" );

谢谢

Answer 6

对于2019年...

jQuery 3.4.0不推荐使用：first，：last，：eq，：even，：odd，：lt，：gt，   和：nth。删除Sizzle后，我们将其换成一个小的包装纸   在querySelectorAll周围，几乎不可能   在没有更大选择器引擎的情况下重新实现这些选择器。

我们认为这种权衡是值得的。请记住，我们仍将支持位置方法，例如.first，.last和.eq。您可以使用位置选择器来做任何事情，而可以使用位置方法来做。他们仍然表现更好。

https://blog.jquery.com/2019/04/10/jquery-3-4-0-released/

因此，您现在应该使用.first()，.last()（或不使用jQuery）。

如何在jQuery中选择最后一个子元素？

6 个答案: