Как перебрать дом объекты одного класса?

Question

[Huntgold]

Добрый. Действительно глупые вопрос, но на ночь глядя не могу вспомнить и найти как перебирать объекты класса. К примеру есть код:

<div class="hello">
<a href="#"></a>
<li></li>
<a href="нужная.ссылка/"></a>
</div>

К примеру я делаю document.querySelectorAll('.hello'). А как дальше пройтись по вложенным элементам не помню. Помогите пожалуйста

Comments

[Ярослав Иванов]

google querySelectorAll children

Answer 1

[Tim]

примерно так. в item вложенные элементы

document.querySelectorAll('.hello').forEach(item => {
   item.querySelector('a');
 })

Либо получить всех детей и пройтись циклом

[...document.querySelector('.hello').children].forEach(item => {})

Comments

[Павел Корнилов]

Как вариант:

document.querySelectorAll('.hello a').forEach(item => {
   console.log(item);
 })

[Tim]

Павел Корнилов, да, но вроде у него другие элементы есть, кроме ссылки. Вариантов полно. нужно конкретнее

[Павел Корнилов]

Tim, я имел в виду, что можно этот поиск прописать в селекторах. Например, нужны ссылки с определённым дата-атрибутом или чем-то еще.

Answer 2

[Алексей]

forEach