Kaip pašalinti visas CSS klases naudojant jQuery?

Vietoj to, kad kiekvienas atskiras elementas, kurį elementas gali turėti, būtų atskirai vadinamas $("#item").removeClass() , ar yra viena funkcija, kuri gali būti vadinama, kad pašalintų visas CSS klases iš šio elemento?

Tiek jQuery, tiek neapdorotas „JavaScript“ veiks.

643
15 сент. Nustatyti Spustelėkite „Upvote“ 15 rugsėjo. 2009-09-15 06:34 '09 6:34 am 2009-09-15 06:34
@ 12 atsakymų
 $("#item").removeClass(); 

Skambinimas „ removeClass be parametrų pašalins visas nario klases.


Taip pat galite naudoti (bet nebūtinai rekomenduojama, teisingas būdas yra aukščiau):

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

Jei neturite „jQuery“, tai bus tik jūsų pasirinkimo galimybė:

 document.getElementById('item').className = ''; 
1237
15 сент. atsakymą pateikė jimyi 15 sep . 2009-09-15 06:37 '09 at 6:37 2009-09-15 06:37

Įjunkite, nepašalina standarto (), kad pašalintumėte visas klases, jei nieko nėra nurodyta? Taigi

 $("#item").removeClass(); 
border=0

tai patys ...

103
15 сент. atsakymas duotas da5id 15 Sep. 2009-09-15 06:38 '09 6:38 am 2009-09-15 06:38

Tiesiog nustatykite tikrojo DOM elemento atributą „ className į '' (nieko).

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

Redaguoti: kiti žmonės sako, kad veikia tik „ removeClass skambučiai - išbandžiau jį naudodamas „Google“ jQuery žaidimų aikštelę: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... ir jis veikia. Taigi galite tai padaryti taip:

 $("#item").removeClass(); 
11
15 сент. atsakymą pateikė Isaac Waller 15 sep. 2009-09-15 06:37 '09 at 6:37 2009-09-15 06:37

Žinoma

 $('#item')[0].className = ''; // or document.getElementById('item').className = ''; 
10
15 сент. Atsakymas duotas kangax 15 Sep. 2009-09-15 06:36 '09 6:36 am 2009-09-15 06:36

Heh, atrasite panašų atsakymą. Tada jis mane nukentėjo.

Konkrečių klasių ištrynimas

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

Pasakykite, ar elementas turi klasę = "klasė kita klasė"

9
08 июня '14 в 21:57 2014-06-08 21:57 atsakymą pateikė Shawn Rebelo birželio 8 d. 14 d. 21:57 2014-06-08 21:57

Trumpiausias metodas

 $('#item').removeAttr('class').attr('class', ''); 
7
21 янв. Yanni atsakymas sausio 21 d 2013-01-21 18:59 '13, 18:59, 2013-01-21 18:59
 $('#elm').removeAttr('class'); 

Nėra daugiau klasės atrakcijų, kurios bus „elms“.

3
08 янв. atsakymas duotas uihelp 08 jan. 2014-01-08 10:18 '14 at 10:18 2014-01-08 10:18

Man patinka naudoti vietinius js, man reikia, patikėkite ar ne!

1.

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

2

 // only remove all class of first item const item1 = document.querySelector('item'); item1.className = ''; 

jQuery takai

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

  • $("#item").removeClass("class1 ... classn");

2
13 июня '17 в 6:56 2017-06-13 06:56 Atsakymas suteikiamas xgqfrms birželio 13 d. 17, 6:56 2017-06-13 06:56

Galite tiesiog pabandyti

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

Jei jums reikia prieiti prie šio elemento be klasės pavadinimo, pvz., Turite pridėti naują klasės pavadinimą, galite tai padaryti:

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

Aš naudoju šią funkciją savo projekte, kad pašalintumėte ir pridėtumėte klasę prie html konstruktoriaus. Sėkmės.

1
01 июня '16 в 22:30 2016-06-01 22:30 Atsakymą pateikė Alessandro Foolish Ciak DAnton birželio 16 d. 16.30 val. 2016-06-01 22:30

pabandykite removeClass

Pavyzdžiui :

 <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> 
1
18 янв. Atsakymas pateikiamas x-rw 18 sausis 2017-01-18 18:34 '17 18:34 2017-01-18 18:34

Kadangi ne visos „jQuery“ versijos sukurtos lygiomis, galite susidurti su ta pačia problema kaip ir aš, o tai reiškia, kad reikia skambinti „$“ („# item“). removeClass (); faktiškai nepašalina klasės. (Turbūt klaida)

Patikimesnis metodas yra tiesiog naudoti neapdorotą „JavaScript“ ir visiškai pašalinti klasės atributą.

 document.getElementById("item").removeAttribute("class"); 
0
20 июня '16 в 19:29 2016-06-20 19:29 atsakymas pateikiamas Vincent birželio 20, 16, 19:29 2016-06-20 19:29

Turėjau panašią problemą. Mano atveju, „aspNetDisabled“ klasė buvo pritaikyta neįgaliesiems elementams, o visi neįgalūs valdikliai turėjo netinkamas spalvas. Taigi, aš naudoju jquery, kad pašalintumėte šią klasę kiekvienam elementui / valdymui, kurį esu įpratęs, ir viskas veikia ir atrodo puikiai dabar.

Tai mano kodas, skirtas pašalinti „aspNetDisabled“ klasę:

 $(document).ready(function () { $("span").removeClass("aspNetDisabled"); $("select").removeClass("aspNetDisabled"); $("input").removeClass("aspNetDisabled"); }); 
-1
14 мая '14 в 17:57 2014-05-14 17:57 atsakymas duotas gegužės 14 d. 14 val. 17:57 2014-05-14 17:57

Kiti klausimai apie „ žymes arba Užduoti klausimą