javascript - 将 CSS 类添加到具有相同类选择器的多个 DIV 中

Question

我有以下脚本，它将 CSS 类 hidden-mobile 添加到目标 div block sorter-pager 就好了，但是页面有两个 div block 共享 sorter-pager 和 CSS 类只会添加到其中一个 div block 中，而不是同时添加到两者中。

if($$('.sorter-pager .pages')[0].empty()) {
    $$('.sorter-pager')[0].addClassName('hidden-mobile');
}

我怎样才能使 CSS 类 hidden-mobile 可以添加到带有 sorter-pager 选择器的多个 div block ？

Answer 1

如果您只是像这样检查 CSS 选择器中的第一个元素

if($$('.sorter-pager .pages')[0].empty()) {

但是你想将类名添加到匹配下一个选择器的所有元素中，你可以使用 invoke() 方法轻松完成

if($$('.sorter-pager .pages')[0].empty()) {
    $$('.sorter-pager').invoke('addClassName','hidden-mobile');
}

invoke() 将第一个参数作为您要对数组中的所有项目调用的方法名称，然后是传递给方法调用的可选数量的参数

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