Добавить класс к последнему <li>в группе <ul>

Question

У меня есть группа <ul>, созданная динамически, и мне нужен класс, добавленный к последнему <li> каждого из них.

У меня есть:

$('ul li:last').each(function(){
    $(this).addClass("last");
});

Ноэто только добавляет class="last" к последнему <ul> не во всех <ul>.

Я хочу, чтобы последний <li> каждого <ul> добавил класс, а не только последний <ul>.

Answer 1

:last, собственный селектор jQuery, извлекает последний элемент из набора и возвращает его.

:last-child, селектор CSS, выбирает последнего потомка каждого элемента-предка.

$('ul li:last-child').addClass('last');

jsFiddle .

Как примечание, вам не нужно использовать each() там. addClass() будет выполняться для каждого элемента в наборе jQuery.