html-lists - Mootools addClass 每 4 li

Question

我正在寻找关于如何为每个 4 LI 元素使用 addClass 的解决方案，如下所示：

<ul>
<li>Element 1</li>
<li>Element 2</li>
<li>Element 3</li>
<li class="newclass">Element 4</li>
<li>Element 5</li>
<li>Element 6</li>
<li>Element 8</li>
<li class="newclass">Element 8</li>
</ul>

Answer 1

两种方式。

CSS 选择器：http: //jsfiddle.net/at9CJ/1/

document.getElements('ul > li:nth-child(4n+4)').addClass('new');

模组儿童：

document.getElements('ul > li').each(function(el, i){
    (i+1) % 4 === 0 && el.addClass('new');
});