Question

我是Mootools的新手，我遇到了以下问题。

我有这个基于ul的菜单。

<ul class="moo_mmenu">
    <li>
        <a href="#">
            <span>Trang Chu</span>
        </a>
        <ul>
            <li>
                <a href="#">
                    <span>lv2</span>
                </a>
            </li>
            <li>
                <a href="#">
                    <span>lv2</span>
                </a>
            </li>
        </ul>
     </li>
</ul>

我正在使用这个mootools javascript代码：

window.addEvent('domready', function() {                
    var root = $$('.moo_mmenu');        
    var units = // !!! << here is my problem, see below :(
    units.setStyle('background-color' , 'blue');        
});

units变量中的

我想通过使用root varible选择类li中的所有moo_mmenu元素，例如

// jQuery
$('li', root);

请帮助，谢谢。

Answer 1

如果您使用id="moo_mmenu"

var units = $$('#moo_mmenu li');

工作正常。

如果你真的想使用class="moo_mmenu"（我真的不认为你这样做。）你可以这样做......

var units = $$('.moo_mmenu li');

如果您需要直接从li变量中获取root元素，则可以执行此操作。

root.getElements('li');

如何使用Mootools从DOM中选择元素？

1 个答案: