Mootools 获得二级名称

Question

我看到使用 jquery 获取第二类名称的方法，但如何在 mootools 中执行此操作，我的元素是

我需要匹配完整的类名称，如 li .parent.active 并调整高度（如果该类存在）我尝试过 $$('li').hasClass('parent active') 或 getProperty 但如果我添加 .parent.active 我明白

该表达式不是合法表达式。现在我必须支持mootols 1.1、1.2、1.3在CMS上工作，所以我从丑陋的1.1版本开始，

这就是实际需要的

var holderdiv =$('mymenu');
if($$('li.parent.active')){holderdiv.setStyle({'height':'50px'});

Answer 1

if($$('li.parent.active') == true) 返回 true，它是 true（已定义，不为 null）。

如果你的意思是说：是否至少有一个子元素具有 .parent 和 .active，你可以这样做：

if (holderdiv.getElement("li.parent.active")) // at least one.
    holderDiv.setStyle("height", 50); // setStyle uses a value pair, not an object.

如果它们不是holderdiv的子元素，只需执行 document.getElement 或 whateverElObj。 getElement 相反。

由于旧的 xpath 内容，这可能会在 1.11 中中断。

一种在所有版本中都有效的方法是这样的（尽管只有在 MooTools.version 由于性能成本而错误时才应该这样做）双循环）：

var holderdiv = $("holderdiv");

if (holderdiv.getElements("li.parent").some(function(el){ return el.hasClass("active"); })) {
    // at least one.
    holderdiv.setStyle("height", 50);
}

.some 将遍历所有 li.parent，直到找到一个与条件匹配的（hasClass("active")) 然后返回布尔值 true否则，错误。

http://jsfiddle.net/dimitar/BqwAk/

如果您需要保留 lis 的引用到一个集合中，使用 .filter 代替：

var lis = holderdiv.getElements("li.parent").filter(function(el){ 
    return el.hasClass("active"); 
});

如果所有都有 .parent 并且只有一个可以处于活动状态，那么您并不真正关心，因此您可以执行

if (holderdiv.getElement("li.active"))

或

if (holderdiv.getElement("li.active").hasClass("parent"))

...来仔细检查它们是否不存在'都没有.父母。

Answer 2

您可以简单地将所有元素与 parent 和 active 类相匹配并设置它们的样式，MooTools 使这一切变得简单：

$('li.parent.active').setStyle({'height':'50px'});