Вопросы Теги

Как выбрать вложенные элементы DOM внутри элемента 'ul'

Я ищу способ собрать все теги и затем загрузить в массив с помощью 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");

Продолжайте гулять :)

12
задан QMaster 13 April 2019 в 12:22
поделиться

3 ответа

// 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");
8
ответ дан 2 December 2019 в 18:51
поделиться

$$ ('. Menu a')

2
ответ дан 2 December 2019 в 18:51
поделиться

Я не уверен, что вы хотите как-то ограничить действие, но получить все якорные элементы на странице легко:

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

Если вы хотите ограничить поиск внутри элемента, установите id для этого элемента, чтобы вы могли легко его найти, и используйте getElementsByTagName для элемента:

var links = document.getElementById('menu').getElementsByTagName('a');
9
ответ дан 2 December 2019 в 18:51
поделиться
Другие вопросы по тегам:

Похожие вопросы: