javascript - 如何根据类名选择偶数或奇数元素

Question

如果你像这样创建 html 布局

<ul>
     <li class='a'></li>
     <li class='b'></li>
     <li class='a'></li>
     <li class='b'></li>
     <li class='a'></li>
     <li class='b'></li>
     <li class='a'></li>
     <li class='b'></li>
</ul>

并尝试选择带有 'a' 类的奇数元素 $$('.a:odd') 你会得到空数组，如果你这样做 $$('.a:even') 你会得到所有四个带有“a”类的 li 元素..这真的很奇怪..但我是 mootools 的新手，也许我做错了什么..

所以我的问题是如何选择具有类的第一个和第三个 li 元素。我知道我可以用这样的功能来做到这一点

$$('.a').filter(function(item, index) { return index%2; }

但是对于选择奇数或偶数元素这样的小任务来说太复杂了..

Answer 1

问题是 :odd 和 :even(以及它们的 CSS 同类 :nth-child(odd) 和 :nth-child(even))指的是元素作为其父元素的子元素出现的顺序，而不是具有该特定选择器的 child 。

这对我有用(原型(prototype)，但看起来 MooTools 具有类似的语法):

var odd = $$('.a').filter(function(item, index) {
    return index % 2 == 0;
});
var even = $$('.a').filter(function(item, index) {
    return index % 2 == 1;
});

编辑:看来您已经在问题中涵盖了这一点，嘘我在完整阅读之前就回答了。