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

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

Подойдет как jQuery, так и необработанный JavaScript.

Решение
$("#item").removeClass();

Вызов removeClass без параметров удалит все классы элемента.


Вы также можете использовать (но это не рекомендуется, правильный способ - тот, что приведен выше):

$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';

Если у вас нет jQuery, то это будет практически единственным вариантом:

document.getElementById('item').className = '';
Комментарии (5)

Держись, не'т removeClass() по умолчанию, убрав все классы, если не указано ничего конкретного? Так

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

сделаем это по-своему...

Комментарии (2)

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

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

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

$("#item").removeClass();
Комментарии (0)

Конечно.

$('#item')[0].className = '';
// or
document.getElementById('item').className = '';
Комментарии (0)

Хех, пошла за подобный ответ. Потом он ударил меня.

Удалить Конкретные Классы

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

Говорят, если элемент имеет класс=&quot как"класс другого класса;

Комментарии (0)

Самый короткий способ

$('#item').removeAttr('class').attr('class', '');
Комментарии (0)

Вы можете просто попробовать

$(document).ready(function() {
   $('body').find('#item').removeClass();
});

Если у вас есть доступ к этому элементу без имени класса, например, у вас есть, чтобы добавить новое имя класса, вы можете сделать это:

$(document).ready(function() {
   $('body').find('#item').removeClass().addClass('class-name');
});

Я использую эту функцию в мой проект, чтобы удалить и добавить класс в HTML строителя. Удачи.

Комментарии (0)
$('#elm').removeAttr('class');

нет больше класса attr, который будет присутствовать в "береста" по.

Комментарии (1)

Мне нравится использовать нативный JS сделать это, поверить в это или нет!

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

jQuery и способы

  1. $(" и#пункт на").removeClass();

  2. $(" и#пункт на").removeClass("по-класс1 ... classn и");

Комментарии (1)

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

этот фильтр на jQuery удалить класс "и highlightCriteria" и только для ввод или выберите поля, которые есть в этом классе.

$form.find('input,select').filter(function () {
    if((!!this.value) && (!!this.name)) {
        $("#"+this.id).removeClass("highlightCriteria");
    }
});
Комментарии (0)

Поскольку не все версии jQuery созданы равными, вы можете столкнуться с той же проблемой, которую я сделал, которая означает вызов $(" и#пункт на").removeClass(); на самом деле не удалить класс. (Вероятно, баг)

Более надежный способ-это просто использовать сырой JavaScript и удалить атрибут класса.

document.getElementById("item").removeAttribute("class");
Комментарии (0)

попробуйте с 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>

в

Комментарии (0)

У меня были похожие проблемы. В моем случае на элементах с ограниченными физическими возможностями применялась, что класс aspNetDisabled и все контролирует инвалиды имеют неправильный цвет. Итак, я использовал jQuery, чтобы удалить этот класс на каждый элемент/управления я не буду и все работает и выглядит сейчас замечательно.

Это мой код для удаления класса aspNetDisabled:

$(document).ready(function () {

    $("span").removeClass("aspNetDisabled");
    $("select").removeClass("aspNetDisabled");
    $("input").removeClass("aspNetDisabled");

}); 
Комментарии (0)