하위 div 수에 따라 클래스 추가

Question

2 ~ 4 개의 하위 div가 동적으로 추가되는 상위 div가 있습니다. 자식 div 수를 계산하고 자식 수에 따라 부모 div에 클래스를 추가해야합니다. 4 개 자식 된 div가있는 경우, 부모 DIV에 클래스 ".four"를 추가

:

<div id="parent"> 
    <div class="child">content</div> 
    <div class="child">content</div> 
    ... 
</div> 

는 기본적으로, 나는 말을 jQuery를 사용할 필요가있다.

자식 div가 세 개인 경우 부모 div에 ".three"클래스를 추가하십시오.

자식 div가 2 개인 경우 부모 div에 ".two"클래스를 추가하십시오.

.length()를 사용해야한다고 생각합니다.하지만 함께 넣는 방법을 알 수는 없습니다. 나는 모든 조언에 크게 감사드립니다.

감사합니다.

Answer 1

있는 방법 그것을 할 :

$('#parent').removeClass().addClass(function(){ 
    return ["none", "one", "two", "three", "four"] 
     [$(this).children('.child').length]; 
});