javascript - элемента - удалить класс js




Как удалить все классы CSS с помощью jQuery? (9)

Вместо индивидуального вызова $("#item").removeClass() для каждого отдельного элемента, который может иметь элемент, есть ли одна функция, которая может быть вызвана, которая удаляет все классы CSS из данного элемента?

И jQuery, и сырой JavaScript будут работать.


Мне нравится использовать native js, это нужно, верьте или нет!

1.

// remove all items all class  
const items = document.querySelectorAll('item');
for (let i = 0; i < items.length; i++) {
    items[i].className = '';
}

2.

// only remove all class of first item
const item1 = document.querySelector('item');
item1.className = '';

jQuery пути

  1. $("#item").removeClass();

  2. $("#item").removeClass("class1 ... classn");


Hang on, does not removeClass () default для удаления всех классов, если ничего конкретного не указано? Так

$("#item").removeClass();

сделает это самостоятельно ...


Давайте рассмотрим этот пример. Возможно, вы хотите, чтобы пользователь вашего веб-сайта знал, что поле действительно или оно требует внимания, изменив цвет фона в поле. Если пользователь набрасывает сброс, тогда ваш код должен только сбросить поля, у которых есть данные, и не пытаться перебирать все остальные поля на вашей странице.

Этот фильтр jQuery удалит класс «highlightCriteria» только для полей ввода или выбора, которые имеют этот класс.

$form.find('input,select').filter(function () {
    if((!!this.value) && (!!this.name)) {
        $("#"+this.id).removeClass("highlightCriteria");
    }
});

Конечно.

$('#item')[0].className = '';
// or
document.getElementById('item').className = '';

Просто установите для атрибута className реального элемента DOM значение '' (ничего).

$('#item')[0].className = ''; // the real DOM element is at [0]

Изменить: Другие люди сказали, что просто вызов removeClass работает - я тестировал это на игровой площадке Google JQuery: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... и он работает. Таким образом, вы также можете сделать это следующим образом:

$("#item").removeClass();

Самый короткий метод

$('#item').removeAttr('class').attr('class', '');

Хех, пришел искать аналогичный ответ. Тогда это ударило меня.

Удаление конкретных классов

$('.class').removeClass('class');

Скажем, если элемент имеет class = "class another-class"


попробуйте с removeClass

Например :

var nameClass=document.getElementsByClassName("clase1");
console.log("after", nameClass[0]);
$(".clase1").removeClass();
var nameClass=document.getElementsByClassName("clase1");
console.log("before", nameClass[0]);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="clase1">I am Div with class="clase1"</div>


$('#elm').removeAttr('class');

больше не будет присутствовать в «вязах».





dom