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

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 选择类 moo_mmenu 中的所有 li 元素变量，喜欢

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

请帮忙，谢谢。

Answer 1

如果你使用 id="moo_mmenu"

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

会工作得很好。

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

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

如果你需要获取 li 元素直接来自 root var 你可以这样做。

root.getElements('li');