Klas verwijderen met jQuery

Morgen,

Is er een wildcard die ik in jQuery kan gebruiken om een klasse uit een element te verwijderen?

Ik pas nieuwe klassen toe op mijn info-berichtvenster. Als een gebruiker er één keer op klikt en er vervolgens nogmaals op klikt, wordt de nieuwe klas toegevoegd, maar blijft de bestaande klas behouden.

Ik moet de vorige klasse verwijderen en vervolgens de nieuwe klasse toevoegen voor styling. Enig idee?

<div id="infoMsg" style="display: block; " class="er-green er-red">All submitted feeds are complete.</div>

Zoals je kunt zien was de oorspronkelijke klasse er-groen, daarna is er-rood toegevoegd.


Antwoord 1, autoriteit 100%

Yip:

$(this).removeClass('er-green');
$(this).addClass('er-red');

Of verwijder ze eerst allemaal:

Als een klassenaam als parameter is opgenomen, wordt alleen die klasse verwijderd uit de set overeenkomende elementen. Als er geen klassenamen zijn opgegeven in de parameter, worden alle klassen verwijderd.

$(this).removeClass();
$(this).addClass('er-red');

Antwoord 2, autoriteit 67%

removeClass()-methode

$('#infoMsg').removeClass('er-green');//just removes class
$('div').click(function(){
   $(this).removeClass('er-green');//removes class clicked element
   $(this).addClass('er-red');//adds class clicked element
});

Antwoord 3, autoriteit 56%

$("#infoMsg").removeClass('er-green').addClass('newclass') 

Antwoord 4, autoriteit 33%

je kunt jQuery removeclass

gebruiken

$('#infoMsg').removeClass('er-green');

Net als wijs kun je ook een css-klasse aan je html toevoegen

$('#infoMsg').addClass('er-red');

Other episodes