2011-09-12 30 views
2

私はMootoolsを初めて使用しています。次の問題に取り組んでいます。Mootoolsを使用してDOMから要素を選択するにはどうすればよいですか?

これは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コード使用しています:私はルートvaribleを使用して、クラスmoo_mmenu内のすべてのliの要素を選択しますunits変数で

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

// jQuery 
$('li', root); 
などを

助けてください、ありがとうございます。あなたはid="moo_mmenu"

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

を使用する場合は

+0

私はあなたが 'id'代わりclass' – ocodo

+0

'のは、たぶん、[MooToolsの中でDOMを横断する上でこの参照](http://ryanflorence.com/mootools-for-を見てみたいと思うすべての最初のだと思います初心者パート4 - 選択と操作dom要素/)? –

+1

jQuery _ $( 'li'、root); _はネイティブのjavascriptと同じです_root.getElementsByTagName( 'li')_?なぜあなたははるかに高速ネイティブのjavascriptの代わりにはるかに遅いjQueryまたはMootools同等のものを使用したいですか? –

答えて

2

は正常に動作します。あなたはroot VARから直接li要素を取得する必要がある場合は

あなたが本当にclass="moo_mmenu"を使用したい(と私は本当にあなたがやるとは思わない。)あなたがこれを行うことができれば...

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

できるよ。

root.getElements('li'); 
+0

ああ、3番目のケースは私にとって完璧な答えです:)。ありがとうございます! :D – Rueta

関連する問題