Javascript удалить элементы по имени класса

Вопрос:

Как мы можем удалить все div одним и тем же именем класса.

<input class=»form-control» type=»text» name=»option[]»><input class=»form-control» type=»text» name=»option[]»><input class=»form-control» type=»text» name=»option[]»> Лучший ответ:

Попробуйте с querySelectorAll() И NodeList#forEach использования, чтобы итерировать элемент

document.querySelectorAll(‘.classname’).forEach(function(a){ a.remove() })

Пример фрагмента

document.querySelectorAll(‘.form-control’).forEach(function(a) { a.remove() })<input class=»form-control» type=»text» name=»option[]»> <input class=»form-control» type=»text» name=»option[]»> <input class=»form» type=»text» name=»option[]» value=»not same class»> <input class=»form-control» type=»text» name=»option[]»>Ответ №1

Мой подход может быть

var elements = document.querySelectorAll(‘.test’); for (var element of elements) { element.remove(); // or // element.parentNode.removeChild(element); }

Надеюсь, поможет.

Ответ №2

С помощью jQuery:

$(«.form-control»).remove();

Без jQuery:

var elems = document.querySelectorAll(«.form-control»); elems.forEach(function(element) { element.parentNode.removeChild(element); });