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

lov*_*ing 82 jquery jquery-selectors

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

只是最后一个孩子,而不是它的后代.

Yor*_*gen 117

你也可以这样做:

<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();
Run Code Online (Sandbox Code Playgroud)

:持续

.孩子().最后()

:最后一个孩子

  • 我不认为`children().last()`和`:last-child`是相同的.在这个例子中 - 是的,但想象你有两个列表(class ="example"),然后尝试从两个列表中选择最后一个元素...... (4认同)

Phi*_*lip 45

对于性能:

$('#example').children().last()
Run Code Online (Sandbox Code Playgroud)

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

$('#example').children('.test').last()
Run Code Online (Sandbox Code Playgroud)

或具有特定类的特定子元素

$('#example').children('li.test').last()
Run Code Online (Sandbox Code Playgroud)


Bra*_*tie 9

使用:last-child选择器

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