Последние элементы в своих родителях

:last-child1.1.4

Соответствует элементам, которые идут последними в своих непосредственных предках.

Примеры использования:

$('div:last-child') вернет все div-элементы, которые идут последними в своих предках.
$('div.lBox:last-child') вернет все div-элементы класса lBox, которые идут последними в своих предках.

В отличии от селектора :last, который находит последний из найденных элементов (то есть результатом будет всегда один элемент), :last-child отфильтрует выбранные элементы, оставив только те, которые идут последними в своих предках. Это различие демонстрируется в следующем примере.

В действии

Пример 1

Найдем и выделим красной рамкой все элементы p, которые лежат последними внутри своих родителей. Кроме этого, найдем последний p-элемент и пометим его синей звездочкой:

Пример 2

Найдем мужчин, стоящих в конце очереди (элементы класса men, находящиеся в конце элементов с классом queue (очередь)):

Ссылки

Поисковые ключи:
  • последние элементы в своих предках