Задать вопрос
@FrelFrloich

Как перебрать дочерние элементы внутри цикла forEach?

Добрый вечер, имеется задача, при нажатии на кнопку получать текст из .parent__text и вставлять в val инпута, загвоздка в том что количество кнопок .parent__btn в .parent__list может варьироваться не известно в каком количестве, но parent__text у .parent всегда один. Для меня это является весьма сложной задачей, надеюсь на помощь.

Пример вёрстки
<div class="container">
    <div class="parent">
        <div class="parent__text">Получить 1</div>
    
        <ul class="parent__list">
            <li class="parent__item">
                <button class="parent__btn"></button>
            </li>
            <li class="parent__item">
                <button class="parent__btn"></button>
            </li>
            <li class="parent__item">
                <button class="parent__btn"></button>
            </li>
        </ul>
    </div>
    
    <div class="parent">
        <div class="parent__text">Получить 2</div>
    
        <ul class="parent__list">
            <li class="parent__item">
                <button class="parent__btn"></button>
            </li>
        </ul>
    </div>
    
    <div class="parent">
        <div class="parent__text">Получить 2</div>
    
        <ul class="parent__list">
            <li class="parent__item">
                <button class="parent__btn"></button>
            </li>
            <li class="parent__item">
                <button class="parent__btn"></button>
            </li>
            <li class="parent__item">
                <button class="parent__btn"></button>
            </li>
            <li class="parent__item">
                <button class="parent__btn"></button>
            </li>
            <li class="parent__item">
                <button class="parent__btn"></button>
            </li>
        </ul>
    </div>  
 </div>


const btn = document.querySelectorAll("parent__btn");
const parent = document.querySelectorAll("parent");

const btnText = parent.textContent;
  • Вопрос задан
  • 627 просмотров
Подписаться 1 Простой Комментировать
Решение пользователя dollar К ответам на вопрос (2)
dollar
@dollar
Делай добро и бросай его в воду.
Зачем forEach? Можно как-то так:
while (el.className !== "parent") el = el.parentNode;
if (el) { ......
Ответ написан