如何选择嵌套的dom元素

Question

我正在寻找一种方法来收集所有<a>标签,然后使用Mootool 1.1或纯JavaScript加载数组.

<ul class="menu">
  <li>
    <ul>
      <li><a href="#">Group One</a>
         <ul>
           <li><a href="#">I want</a></li>
           <li><a href="#">I want too</a></li>
         </ul>
      </li>
      <li><a href="#">Group Two</a>
         <ul>
           <li"><a href="#">I want</a></li>
           <li><a href="#">I want too</a></li>
         </ul>
      </li>
     </ul>
   </li>
</ul> 

编辑方案:

谢谢大家,您的回复帮助我找到了更精确的解决方案.

Mootools 1.1:@ Oskar

$$("ul.menu ul li ul li a");

@Dimitar

document.getElements("ul.menu ul li ul li a");

保持Geeking :)

Answer 1

我不确定你是否想以某种方式限制动作,但是在页面中获取所有锚元素很容易:

var links = document.getElementsByTagName('a');

如果要限制元素内的搜索,请在该元素上设置一个id,以便您可以轻松找到它,并使用getElementsByTagName元素:

var links = document.getElementById('menu').getElementsByTagName('a');

Answer 2

// for the links of the first ul.menu on the page
var menuLinks = document.getElement("ul.menu").getElements("a");
// or you can get all links children of all uls with class menu
var menuLinks = document.getElements("ul.menu a");