kzen.dev
  • Întrebări
  • Tag-uri
  • Utilizatori
Notificări
Recompense
Înregistrare
După înregistrare, veți primi notificări despre răspunsurile și comentariile la întrebările DVS.
Logare
Dacă aveţi deja un cont, autentificaţi-vă pentru a verifica notificările noi.
Aici vor fi recompensele pentru întrebările, răspunsurile și comentariile adăugate sau modificate.
Mai mult
Sursă
Editează
Click Upvote
Click Upvote
Question

Cum pentru a elimina toate clasele CSS folosind jQuery/JavaScript?

În loc de individual de asteptare `$("#produs").removeClass () pentru fiecare clasa un element ar putea fi, există o singură funcție care poate fi numit, care elimină toate clasele CSS din element dat?

Ambele jQuery si JavaScript brut va lucra.

754 2009-09-15T03:34:21+00:00 13
 Mori
Mori
Întrebarea editată 1 aprilie 2019 в 8:39
Programare
javascript
jquery
dom
Solution / Answer
 jimyi
jimyi
15 septembrie 2009 в 3:37
2009-09-15T03:37:27+00:00
Mai mult
Sursă
Editează
#9477058
$("#item").removeClass();

Sun `removeClass cu parametrii va elimina tot elementul's clase.


Puteți folosi, de asemenea, (dar nu este neapărat recomandat, corect cum este cea de mai sus):

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

Dacă ai n't au jQuery, atunci acest lucru ar fi cam singura optiune:

document.getElementById('item').className = '';
Esteban Küber
Esteban Küber
Răspuns editat 15 septembrie 2009 в 11:07
1465
0
 da5id
da5id
15 septembrie 2009 в 3:38
2009-09-15T03:38:25+00:00
Mai mult
Sursă
Editează
#9477059

Stai, nu't removeClass() implicit la eliminarea tuturor claselor dacă nimic specific este specificată? Deci

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

o va face pe cont propriu...

114
0
Isaac Waller
Isaac Waller
15 septembrie 2009 в 3:37
2009-09-15T03:37:07+00:00
Mai mult
Sursă
Editează
#9477057

Doar seta code atributul de real DOM element'' (nimic).

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

Edit: Alte persoane au spus că doar de asteptare pentru removeClass` lucrări - am testat acest lucru cu Google JQuery loc de Joaca: http://savedbythegoog.appspot.com/?id=ag5zYXZlZGJ5dGhlZ29vZ3ISCxIJU2F2ZWRDb2RlGIS61gEM ... și funcționează. Astfel încât să puteți face, de asemenea, în acest fel:

$("#item").removeClass();
Isaac Waller
Isaac Waller
Răspuns editat 15 septembrie 2009 в 3:42
14
0
 kangax
kangax
15 septembrie 2009 в 3:36
2009-09-15T03:36:18+00:00
Mai mult
Sursă
Editează
#9477056

Desigur.

$('#item')[0].className = '';
// or
document.getElementById('item').className = '';
13
0
Shawn Rebelo
Shawn Rebelo
8 iunie 2014 в 6:57
2014-06-08T18:57:07+00:00
Mai mult
Sursă
Editează
#9477063

Heh, a venit în căutarea pentru un răspuns similar. Apoi m-a lovit.

Elimina Anumite Clase

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

Spune dacă elementul a class="o altă clasă-clasa"

10
0
 Yanni
Yanni
21 ianuarie 2013 в 3:59
2013-01-21T15:59:00+00:00
Mai mult
Sursă
Editează
#9477060

Cel mai scurt metoda

$('#item').removeAttr('class').attr('class', '');
9
0
Alessandro  Foolish Ciak DAnton
Alessandro Foolish Ciak DAnton
1 iunie 2016 в 7:30
2016-06-01T19:30:51+00:00
Mai mult
Sursă
Editează
#9477064

Puteți încerca doar

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

Dacă aveți de acces la acel element fără de nume de clasă, de exemplu, va trebui să adăugați un nou nume de clasă, poți face asta:

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

Eu folosesc această funcție în projet de a elimina și se adaugă clasa într-un html constructor. Noroc.

Alessandro  Foolish Ciak DAnton
Alessandro Foolish Ciak DAnton
Răspuns editat 3 iulie 2017 в 6:17
5
0
 uihelp
uihelp
8 ianuarie 2014 в 7:18
2014-01-08T07:18:50+00:00
Mai mult
Sursă
Editează
#9477061
$('#elm').removeAttr('class');

nu mai clasa attr vor fi prezente în "elm".

 Dave
Dave
Răspuns editat 31 ianuarie 2017 в 1:17
4
0
 xgqfrms
xgqfrms
13 iunie 2017 в 3:56
2017-06-13T03:56:08+00:00
Mai mult
Sursă
Editează
#9477067

Îmi place folosind nativ js face acest lucru, credem sau nu!

// 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 = '';

jQuery moduri

  1. $("#produs").removeClass();

  2. $("#produs").removeClass("class1 ... classn");

2
0
Greg Bologna
Greg Bologna
19 octombrie 2018 в 9:18
2018-10-19T21:18:45+00:00
Mai mult
Sursă
Editează
#9477068

Las's a folosi acest exemplu. Poate vrei utilizatorul de site-ul dvs. să știți un câmp este valabil sau că are nevoie de atenție prin schimbarea culorii de fundal din domeniu. Dacă utilizatorul hit-uri de resetare, apoi codul ar trebui să reseta numai câmpurile care au date și nu deranjez pentru a bucla prin fiecare alt domeniu pe pagina ta.

Acest filtru de jQuery va elimina clasa "highlightCriteria" doar pentru de intrare sau selectați câmpurile care au această clasă.

$form.find('input,select').filter(function () {
    if((!!this.value) && (!!this.name)) {
        $("#"+this.id).removeClass("highlightCriteria");
    }
});
1
0
 Vincent
Vincent
20 iunie 2016 в 4:29
2016-06-20T16:29:19+00:00
Mai mult
Sursă
Editează
#9477065

Deoarece nu toate versiunile de jQuery sunt create egal, aveți dreptul să executați în aceeași problemă am făcut ceea ce înseamnă că sun $("#produs").removeClass(); nu elimina de fapt clasa. (Probabil un bug)

O metodă mai sigură este de a folosi pur și simplu crud JavaScript și elimina atributul de clasă cu totul.

document.getElementById("item").removeAttribute("class");
 Vincent
Vincent
Răspuns editat 20 iunie 2016 в 8:30
1
0
 x-rw
x-rw
18 ianuarie 2017 в 3:34
2017-01-18T15:34:35+00:00
Mai mult
Sursă
Editează
#9477066

încercați cu removeClass`

De exemplu:

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>
1
0
 Nezir
Nezir
14 mai 2014 в 2:57
2014-05-14T14:57:01+00:00
Mai mult
Sursă
Editează
#9477062

Am avut aceeași problemă. În cazul meu pe turiști cu elemente a fost aplicat acest aspNetDisabled clasă și toate dezactivat controale au avut culori greșite. Deci, am folosit jquery pentru a elimina această clasă pe fiecare element/control n și totul funcționează și arată foarte bine acum.

Acesta este codul meu pentru eliminarea aspNetDisabled clasa:

$(document).ready(function () {

    $("span").removeClass("aspNetDisabled");
    $("select").removeClass("aspNetDisabled");
    $("input").removeClass("aspNetDisabled");

}); 
-2
0
Comunități asemănătoare 1
JavaScript, România - Moldova
JavaScript, România - Moldova
285 utilizatori
Comunitatea Română JavaScript: github.com/js-ro Pentru confort, opriți notificările. Parteneri: @php_ro, @python_ro, @devops_ro, @seo_ro Offtop: @holywars_ro
Deschide telegram
Adăugati o întrebare
Categorii
Toate
Tehnologii
Cultură
Viață / Artă
Stiință
Profesii
Afaceri
Utilizatori
Toate
Nou
Populare
1
工藤 芳則
Înregistrat 6 zile în urmă
2
Ирина Беляева
Înregistrat 1 săptămână în urmă
3
Darya Arsenyeva
Înregistrat 1 săptămână în urmă
4
anyta nuam-nuam (LapuSiK)
Înregistrat 1 săptămână în urmă
5
Shuhratjon Imomkulov
Înregistrat 1 săptămână în urmă
BG
DA
DE
EL
ES
FR
ID
IT
JA
KO
NL
PT
RO
RU
SK
TR
ZH
© kzen.dev 2023
Sursă
stackoverflow.com
în cadrul licenței cc by-sa 3.0 cu atribuire