Как выбрать последний дочерний элемент в jQuery?

Ответ 1

Вы также можете сделать это:

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

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

: последний

. children(). last()

: last-child

Ответ 2

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

или если вы хотите, чтобы последние дети с определенным классом комментировали выше.

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

или конкретный дочерний элемент с определенным классом

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

Ответ 3

Используя : селектор last-child?

Есть ли у вас конкретный сценарий, в котором вам нужна помощь?

Ответ 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 является последним элементом типа "p" в div, а параграф 4 является последним "пролетом" в div.