javascript - 原型(prototype)/脚本 : Selecting groups of paragraphs () by clicking on them

Question

给出了段落列表(<p>)。一旦用户点击 A 段，A 段的类别就会变为“已激活”。现在用户选择段落 B，A 和 B 之间的所有段落将它们的类更改为“已激活”。

再次点击 B，只有 A 保持在“事件”类中。

通过点击 A，A 和 B 之间的所有段落(包括 A 和 B)上的“事件”类将被删除。

不应该“停用”A 和 B 之间的任何段落。A 和 B 之间的选择应该始终是所选段落的不间断列表。

任何人都可以提示我如何使用 Prototype/Scriptaculous 实现这一点吗？该应用程序是在 Rails 中实现的，因此 RJS 中的任何提示都将更加受欢迎!

Answer 1

假设您的段落位于名为“info”的包装器 div 中:(我还没有测试过，但它会是这样的)

$('info').select('P').each(function(element) {
    Event.observe(element,'click',function(event){
        flipIt(event)
    })
})

function flipIt(evt) {  
    var element = evt.element();
    if($(element).hasClassName('active')) {
        $(element).removeClassName('active')
    }
    else {
        $(element).addClassName('active')
    }
}