Question

我有一堆带有css类选项的span元素

<div>
<span class="option">
</div>
<div>
<span class="option">
</div>
<div>
<span class="option">
</div>
<div>
<span class="option">
</div>

我想选择所有这些，然后将事件处理程序附加到他们的鼠标悬停事件。我最终得到了这个：

 $$('.option').addEvents({
      'mouseover': function() {
            // code

       },

});

但我不知道如何找出内部事件处理程序，如果当前选中的元素是偶数或奇数，那么我可以根据该信息做不同的事情。

Answer 1

尝试使用each迭代选项。这将为您提供当前索引：

$$('.option').each(function(elem, i) {
    elem.addEvents({
        mouseover: function() {
            if (i % 2) {
                // odd
            }
            else {
                // even
            }
        }
    });
});

Answer 2

你可以在不同的布局中订购你的元素，然后使用mootools光滑的偶数，奇数选择：

http://jsfiddle.net/49zpm/1/

$$('.option:even').addEvents({
    'mouseover': function () {
        console.log('mouseover even');
    }

});


$$('.option:odd').addEvents({
    'mouseover': function () {
        console.log('mouseover odd');
    }

});

奇数和偶数元素的事件处理程序

2 个答案: