Как удалить элемент с классом через jquery?

Пользователь

от clifford , в категории: JavaScript , 3 года назад

Как удалить элемент с классом через jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от dmitrypro77 , 3 года назад

@clifford Используйте .remove() метод в jQuery чтобы удалить элемент с классом, ниже код как пример:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<html>
<head>
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
</head>
<body>
    <p class="remove-me">Тест</p>
</body>
<script>
    // Удалить элемент с классом "remove-me"
    $(".remove-me").remove();
</script>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.

Пользователь

от terrence , 2 года назад

@clifford 

Вы можете удалить элемент с определенным классом в jQuery, используя метод remove() или detach(). Оба метода позволяют удалить элементы из DOM.


Вот пример, который показывает, как удалить элемент с определенным классом:

1
$(".имя_класса").remove();


где имя_класса - это имя класса элемента, который вы хотите удалить.


Если вы хотите сохранить удаленный элемент в переменной, вы можете использовать метод detach():

1
var удаленныйЭлемент = $(".имя_класса").detach();


Теперь удаленный элемент сохранен в переменной удаленныйЭлемент, и вы можете использовать его позже, если это необходимо.


Обратите внимание, что remove() удаляет элемент из DOM и уничтожает все события и данные, связанные с этим элементом, тогда как detach() сохраняет все эти данные, поэтому, если вы планируете использовать элемент позже, лучше использовать detach().