Question

68

How to select nested DOM elements inside 'ul' element

rated 0 times [ 69] [ 1] / answers: 1 / hits: 59066 / 14 Years ago, thu, august 12, 2010, 12:00:00

I am looking for a way to collect all <a> tags and load then in an array using Mootool 1.1 or pure 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>

Edit Solution:

Thank you all, your responses have helped me find a more precise solution.

Mootools 1.1: @ Oskar

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

@ Dimitar

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

Keep Geeking :)

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

marques

Add To Favorites

Follow

Total Points: 366

Total Questions: 108

Total Answers: 111

Location: Burundi

Member since Wed, Nov 25, 2020

4 Years ago

answered 14 Years ago anikas · Accepted Answer

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