Вместо того чтобы отдельно вызывать $("#item").removeClass()
для каждого класса, который может быть у элемента, существует ли единая функция, которая удаляет все классы CSS из данного элемента?
Подойдет как jQuery, так и необработанный JavaScript.
$("#item").removeClass();
Вызов removeClass
без параметров удалит все классы элемента.
Вы также можете использовать (но это не рекомендуется, правильный способ - тот, что приведен выше):
$("#item").removeAttr('class');
$("#item").attr('class', '');
$('#item')[0].className = '';
Если у вас нет jQuery, то это будет практически единственным вариантом:
document.getElementById('item').className = '';
Просто установите атрибут className
реального элемента DOM в ''
(ничего).
$('#item')[0].className = ''; // the real DOM element is at [0]
Редактирование: Другие люди говорили, что просто вызов removeClass
работает - я проверил это с помощью Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... и это работает. Так что вы также можете сделать это таким образом:
$("#item").removeClass();
Хех, пошла за подобный ответ. Потом он ударил меня.
Удалить Конкретные Классы
$('.class').removeClass('class');
Говорят, если элемент имеет класс=" как"класс другого класса;
Вы можете просто попробовать
$(document).ready(function() {
$('body').find('#item').removeClass();
});
Если у вас есть доступ к этому элементу без имени класса, например, у вас есть, чтобы добавить новое имя класса, вы можете сделать это:
$(document).ready(function() {
$('body').find('#item').removeClass().addClass('class-name');
});
Я использую эту функцию в мой проект, чтобы удалить и добавить класс в HTML строителя. Удачи.
$('#elm').removeAttr('class');
нет больше класса attr, который будет присутствовать в "береста" по.
// 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 = '';
$(" и#пункт на").removeClass();
$(" и#пункт на").removeClass("по-класс1 ... classn и");
Позвольте's используйте этот пример. Может быть, вы хотите, чтобы пользователь вашего сайта, чтобы знать поле действует или он должен внимание на изменение цвета фона поля. Если пользователь нажимает сброс, то код должен только сбросить поля данных и не удосужились петлю через все поле на Вашей странице.
этот фильтр на jQuery удалить класс "и highlightCriteria" и только для ввод или выберите поля, которые есть в этом классе.
$form.find('input,select').filter(function () {
if((!!this.value) && (!!this.name)) {
$("#"+this.id).removeClass("highlightCriteria");
}
});
Поскольку не все версии jQuery созданы равными, вы можете столкнуться с той же проблемой, которую я сделал, которая означает вызов $(" и#пункт на").removeClass(); на самом деле не удалить класс. (Вероятно, баг)
Более надежный способ-это просто использовать сырой JavaScript и удалить атрибут класса.
document.getElementById("item").removeAttribute("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>
в
У меня были похожие проблемы. В моем случае на элементах с ограниченными физическими возможностями применялась, что класс aspNetDisabled и все контролирует инвалиды имеют неправильный цвет. Итак, я использовал jQuery, чтобы удалить этот класс на каждый элемент/управления я не буду и все работает и выглядит сейчас замечательно.
Это мой код для удаления класса aspNetDisabled:
$(document).ready(function () {
$("span").removeClass("aspNetDisabled");
$("select").removeClass("aspNetDisabled");
$("input").removeClass("aspNetDisabled");
});