Как да премахнете всички CSS класове с помощта на jQuery/JavaScript?

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

Ще работят както jQuery, така и суровият JavaScript.

Mori
Редактиран въпрос Направете април 2019 в 8:39
Програмиране
javascript jquery dom
Направете септември 2009 в 3:34
25 изгледи
Решение
$("#item").removeClass();

Извикването на removeClass без параметри ще премахне всички класове на елемента.

Можете също така да използвате (но не е задължително да се препоръчва, коректният начин е този по-горе):

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

Ако не разполагате с jQuery, това ще бъде почти единствената ви възможност:

document.getElementById('item').className = '';
Esteban Küber
Редактиран отговор Направете септември 2009 в 11:07
Коментари (5)

Просто задайте атрибута className на реалния DOM елемент на '' (нищо).

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

Edit: Други хора казаха, че просто извикването на removeClass работи - аз тествах това с Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... и работи. Така че можете да го направите и по този начин:

$("#item").removeClass();
Isaac Waller
Редактиран отговор Направете септември 2009 в 3:42
Коментари (0)

Разбира се.

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