Вместо да се извиква поотделно $("#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]
Edit: Други хора казаха, че просто извикването на removeClass
работи - аз тествах това с Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... и работи. Така че можете да го направите и по този начин:
$("#item").removeClass();