Поиск последнего дочернего элемента каждого элемента

Question

Я пытаюсь изменить css последнего дочернего элемента группы элементов, если последний дочерний элемент имеет определенный класс.

Например

<div class="box"> 
<div class="entry"></div> 
<div class="entry"></div> 
<div class="divider"></div> 
<div class="entry"></div> 
<div class="entry"></div> 
</div> 

<div class="box"> 
<div class="entry"></div> 
<div class="entry"></div> 
<div class="entry"></div> 
<div class="entry"></div> 
<div class="divider"></div> 
</div> 

<div class="box"> 
<div class="entry"></div> 
<div class="entry"></div> 
<div class="divider"></div> 
<div class="entry"></div> 
<div class="entry"></div> 
</div> 

Я только хочу, чтобы изменить CSS класса "divider" для второго блока записей, потому что это последний ребенок. Это то, что я получил до сих пор. Похоже, что это будет работать, но, увы, это не так:

$(".entry").each(function() { 
    if($(this).is('last-child')) { 
    if($(this).hasClass("divider")) { 
      $(this).css("border-top-color", "green"); 
    } 
    } 
}); 

Answer 1

Это кажется вам просто нужно это:

$('.divider:last-child').css(...); 

т.е. изменить CSS каждого .divider, который является last-child его родителя.

Нет необходимости в .each, поскольку функция .css неявно действует на каждый соответствующий элемент.

Answer 2

Просто используйте :last-child селектор:

$('.divider:last-child').css('border-top-color','green') 

Answer 3

Я думаю, что у вас нет двоеточия в селекторе последнего ребенка, попробуйте изменить его на :last-child.