Mootools가 자식 수로 컨테이너에 클래스를 추가합니다.

Question

자식 요소의 수로 컨테이너 요소의 클래스를 추가하고 싶습니다. 하지만 내 코드 광고는 첫 번째 컨테이너에 대한 클래스이고 잘못 추가되었습니다. 컨테이너가 하나의 아이를 가지고 있지만 그것이 작동하지 않을 때 나는 경우이 코드를 작성

<ul> 
<li> 
    <div id="container" class="add class here for example col3"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    </div> 
</li> 
<li> 
    <div id="container" class="add class here for example col1"> 
    <div class="child"></div> 
    </div> 
</li> 
</ul> 

:

이

내가 뭘하려는 것입니다. 3 자녀 :(

window.addEvent('domready', function() { 
    var children = $('container').getChildren('div.child'); 
    if(children.length = 1) { 
     $('container').set('class', 'col1'); 
    } 
}); 

그래서 내가 여기에 붙어있어.

Answer 1

귀하의 문제는 당신이 동일한 ID를 할당하고 있다는 사실이다가있는 첫 번째 컨테이너에 이 광고 내 COL1 클래스의 모든 . 용기 같은 것을보십시오 :

window.addEvent("domready", function(){ 
    $$("div.container").each(function(item, i){ 
     var childCount = item.getChildren("div.child").length; 
     item.addClass("col" + childCount); 
    });​​​​​​​​ 
}); 

HTML :

<ul> 
<li> 
    <div class="container"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    </div> 
</li> 
<li> 
    <div class="container"> 
    <div class="child"></div> 
    </div> 
</li> 
</ul>​ 

참조 여기에서 작업 중입니다. http://jsfiddle.net/kSVL5/