각 요소의 마지막 자식 찾기

Question

마지막 자식에 특정 클래스가있는 경우 요소 그룹의 마지막 자식 CSS를 변경하려고합니다. 예를

나는 단지 그것을 마지막 자식이기 때문에 항목의 두 번째 블록의 클래스 "divider"의 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> 

를 들어

. 이것이 내가 지금까지 얻은 것입니다. 이 작업을하는 것처럼 보이지만 그렇지 않은 아아 :

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

Answer 1

당신이 바로이 필요한 것 :

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

IE가 CSS를 변경을

는

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

Answer 2

는 그냥 :last-child 선택기를 사용 모든 .divider의 부모 중 last-child입니다.

.css 기능이 일치하는 각 요소에 대해 암묵적으로 작동하기 때문에 .each이 필요하지 않습니다.

Answer 3

마지막 자식 선택기에 콜론이 누락되었다고 생각하면 :last-child으로 변경하십시오.