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

Question

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

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

только последний ребенок, а не его потомки.

498 4

jQuery

4 ответов:

Comments

Ничего не найдено.

Yoram de Langen · Accepted Answer · 2015-12-18 09:39:26

вы также можете сделать это:
<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();
:последний

.дети.)(последний ()

:в прошлом-ребенок

Philip · Accepted Answer · 2018-08-14 18:16:29

производительность:
$('#example').children().last()
или если вы хотите, чтобы последние дети с определенным классом, как указано выше.
$('#example').children('.test').last()
или конкретный дочерний элемент с определенным классом
$('#example').children('li.test').last()

Brad Christie · Accepted Answer · 2011-01-06 09:37:56

с помощью :в прошлом-ребенок селектор?

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

ScottyG · Accepted Answer · 2017-03-01 18:47:46

Если вы хотите выбрать последний дочерний элемент и необходимо указать тип элемента, вы можете использовать селектор последнем-из-тип

вот пример:
$("div p:last-of-type").css("border", "3px solid red");
$("div span:last-of-type").css("border", "3px solid red");

<div id="example">
 This is paragraph 1
 This is paragraph 2
 This is paragraph 3
 This is paragraph 4
 This is paragraph 5
 </div>
в приведенном выше примере как Пункт 4, так и пункт 5 будут иметь красную границу, поскольку пункт 5 является последним элементом типа "p" в div, а пункт 4 является последним "промежутком" в div.