您也可以這樣做：

<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();

對于性能：

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

或者，如果您想讓最后一個孩子上一堂課，如上所述。

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

或具有特定類別的特定子元素

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

如果要選擇最后一個子元素，并且需要具體說明元素類型，則可以使用選擇器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款是div中“ p”類型的最后一個元素，而第4款是div中的最后“ span”。