如何在'ul'元素中选择嵌套的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

// 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");

Answer 2

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

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

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

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

Answer 3

$$('.menu a')