代码之家 › 专栏 › 技术社区 › Zed

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

mootools

Zed · 技术社区 · 11 年前

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

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

我想选择所有这些,然后将事件处理程序附加到它们的mouseover事件。我最终得到了这样的结果:

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

       },

});

但我不知道如何在事件处理程序中判断当前选择的元素是偶数还是奇数,所以我可以根据这些信息做不同的事情。

2 回复 | 直到 11 年前

nwellnhof 11 年前

尝试使用 each 以对选项进行迭代。这将为您提供当前索引:

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

Adidi 11 年前

您可以按不同的布局排列元素,然后使用mootools平滑的偶数、奇数选择:

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

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

});


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

});

推荐文章

beingalex · 全局作用域-在触发事件侦听器后访问“this”

11 年前

psycho brm · jQuery.no用户脚本中的冲突奇怪行为,仅在Firefox中

11 年前

SaurabhLP · slideIn after slideOut in模拟工具1.1

11 年前

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

11 年前

Dimitri Vorontzov · 使用MooTools平滑淡入整个网页

11 年前

niux · jQuery与MooTools冲突

11 年前

Jacob George · 引用(而不是复制)一个类作为另一个类的成员-Mootools

11 年前

Eclectic · Mootools getElements(“input[type=radio]”)返回Object not Array[closed]

11 年前

user1344851 · window.close();javascript代码不适用于chrome

12 年前

Lennart · 使用javascript强制下载

12 年前