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> 

我写了一个情况下，该代码当容器只有一个孩子，但它不工作。 此广告COL1类，其有3个孩子:(

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

所以我困在这里。

Answer 1

您的问题是你分配相同的ID这样的事实：第一容器所有。容器尝试是这样的：

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/