Ako odstrániť všetky triedy CSS pomocou jQuery/JavaScript?

Existuje namiesto individuálneho volania $("#item").removeClass() pre každú triedu, ktorú môže prvok mať, jedna funkcia, ktorú možno zavolať a ktorá odstráni všetky triedy CSS z daného prvku?

Bude fungovať jQuery aj surový JavaScript.

Mori
Edited question 1 apríl 2019 в 8:39
Programovanie
javascript jquery dom
15 september 2009 в 3:34
45 zobrazenia
Riešenie
$("#item").removeClass();

Volanie removeClass bez parametrov odstráni všetky triedy položky's.

Môžete tiež použiť (ale nie je nevyhnutne odporúčané, správny spôsob je ten, ktorý je uvedený vyššie):

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

Ak by ste nemali jQuery, toto by bola v podstate jediná možnosť:

document.getElementById('item').className = '';
Esteban Küber
Edited answer 15 september 2009 в 11:07
Komentáre (5)

Stačí nastaviť atribút className skutočného prvku DOM na '' (nič).

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

Edit: Ostatní ľudia hovorili, že funguje len volanie removeClass - otestoval som to s Google JQuery Playground: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... a funguje to. Takže to môžete urobiť aj týmto spôsobom:

$("#item").removeClass();
Isaac Waller
Edited answer 15 september 2009 в 3:42
Komentáre (0)

Samozrejme.

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