Добраться до текущего ребенка в текущем родителе

Ребят, из головы вылетело и не знаю как по другому. Вернее знаю, но решение психически - больное!

Вообщем есть такой код:

elements.forEach((element, i) => {
        const input = document.querySelector('.create-title'); 

        console.log(input);
    })
})

elements > карточки element > текущая карточка Как в текущей карточке добраться до create-title

Я помню только вариант, когда нужно подниматься до родителя, прогонять for, где i по длине элементов, искать проверкой через контейнс нужный класс. Такое решение считаю не лаконичным!


Ответы (1 шт):

Автор решения: Zhihar

вам поможет querySelectorAll()

https://developer.mozilla.org/ru/docs/Web/API/Document/querySelectorAll

это если объектов с классом .create-title у вас много

функция выдаст список объектов и работайте с ними как хотите

опять же к любому объекту вы также можете применить данную функцию или querySelector и будет осуществлён поиск уже только внутри объекта, например:

obj = document.querySelector('.xxx')
elem = obj.querySelector('yyy')

P.S.

приведённый вами код можно переписать так:

let objects = document.querySelectorAll('.create-title');

objects.forEach(element => console.log(element));
→ Ссылка