用于扩展表行的原型插件？

Question

jQuery 有一个名为 jExpand 的插件，用于扩展表行。 Prototype 有等效的吗？

Answer 1

jExpand 的源代码很小，我只是为您翻译了它。

Element.addMethods(
    'TABLE',
    {
        addJExpand : function(elem){
            elem = $(elem);
            elem.select('tr:nth-child(even)').each(function(child){child.addClassName('odd')});
            elem.select('tr:nth-child(odd)').each(Element.hide);
            elem.down('tr').show();
            elem.select('tr:nth-child(even)').each(
                function(child){
                    child.observe('click', 
                        function(){
                            child.next().toggle();
                        }
                    );
                }   
            );
        }
    }
);

只需使用 table.addJExpand() 调用它，其中 table 是原型扩展变量。当您使用 .each 时，您还可以使用 Element.addJExpand。

不客气。