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

Как правильно добавить в DOM дерево 2 div?

Доброго времени суток

Нужно в самом скрипте создать 2 дива, отдельно под каждый input

<div>
  <input type="text" placeholder="Имя">
</div>
<div>
  <input type="text" placeholder="Телефон">
</div>

Вот пытался добавить каждый div к соответствующему инпуту: https://codepen.io/Genri_Rus/pen/BXqwBb
Но почему-то ничего не получается

var input = $('input'),
    buffer = [];
    for (var i = 0; input.length > i; i++) {
        
        buffer[i] = jQuery('<div />');
        buffer[i].className = "buffer";
       
        $(input[i]).parent().insertBefore();
    }
  • Вопрос задан
  • 122 просмотра
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
hzzzzl
@hzzzzl
const inputs = document.querySelectorAll('input')

inputs.forEach(i => {
  const div = document.createElement('div')
  div.className = "superdiv"
  i.parentNode.appendChild(div)
})

inputs.forEach(i => i.addEventListener('input', (e) => {
  e.target.parentNode.querySelector('.superdiv').textContent = e.target.value
}))
Ответ написан
Konata69lol
@Konata69lol
backend developer (php/go)
Запускайте код по событию DOMContentLoaded.
В jquery это ready.
У вас DOM еще не прогрузился, а вы js код запускаете.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
06 дек. 2024, в 05:29
20000 руб./за проект
06 дек. 2024, в 03:58
10000 руб./за проект
06 дек. 2024, в 02:20
5000 руб./за проект