Удаляется только первый элемент списка, почему?

Question

[Swaer]

var removeC = document.querySelector('li');
for (var i = 0; i < removeC.length; i++) {
removeC[i].onclick = function() {
if (removeC.parentNode){
removeC.parentNode.removeChild(removeC);
removeC.removeChild(removeC);
}
}
}
removeC.onclick = function(){
if (removeC.parentNode) {
removeC.parentNode.removeChild(removeC);
}
}
Почему функция применяется только к первому элементу?Как сделать так, чтобы применялось ко всем элементам и которые будут созданы с помощью кнопки, но если удалить уже созданые li и создать с помощью кнопки, он даже первый не убирает, как раньше

Comments

[Andrew]

сразу в jsfiddle или codepen закинь.

Answer 1

[Владимир Варламов]

У вас в removeC изначально только один первый элемент, а не все. Используйте querySelectorAll
Во второй части вопроса, насколько я понял, вы спрашиваете почему оно не навешивает события постоянно на вновь добавленные элементы? Ну потому что оно один раз при вызове проходит по элементам и всё, а новые уже без этого события создаются

Comments

[Swaer]

А как применить SelectorAll, пытался, не вышло, я и цикл для этого сделал, чтобы для всех элементов, ну и последнюю часть как реализовать?

[Владимир Варламов]

var removeC = document.querySelectorAll('li');
for (var i = 0; i < removeC.length; i++) {
removeC[i].onclick = function() {
this.parentNode.removeChild(this);
}
}

По второй части вы уже сами решайте как делать. Навешивать события еще раз на все элменты при добавлении элементов или на каждый конкретно созданный

[Swaer]

Владимир Варламов, Спасибо большое, всё получилось, + узнал что аткое делегирование