Prototype JS 中每个函数内的“this”

Question

我正在尝试使用 example 选择器找到一个 div 元素，该选择器也具有代码中表示的 active 选择器。

使用 Prototype JS this 返回 windows.object 而不是单独的 div 本身。

如何让this 引用每个 div 元素以便我可以使用它？

$$('.example').each(function() {
    if(this.hasClassName('active')) {
        this.previous().setStyle({border:'1px solid #999'})
    }
});

Answer 1

http://api.prototypejs.org/language/Enumerable/prototype/each/

要访问该元素，您无需更改迭代器函数的上下文 (this)。迭代器函数接收项目作为第一个参数。您只需要命名参数即可。

$$('.example').each(function(div) {
    if(div.hasClassName('active')) {
        div.previous().setStyle({border:'1px solid #999'})
    }
});

此外，您可以通过更新传递给$$ 的 CSS 选择器来删除条件：

$$('.example.active').each(function(activeDiv) {
    activeDiv.previous().setStyle({border:'1px solid #999'})
});

如果您有兴趣在函数内部控制this 的值，请查看call、apply 和bind。