如何在'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

我不確定你是否想以某種方式限制動作，但是在頁面中獲取所有錨元素很容易：

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

Answer 3

$$('.menu a')