jQuery: Ändert vorübergehend einen Stil und setzt ihn auf die ursprüngliche Klasse zurück

Angenommen, ich habe eine Klasse mit dem Namen testThing:

<code>.testThing
{
   background-color:#000000;
   float:left;
   height:50px;
   width:50px;
}
</code>

Und ich möchte in der Lage sein, eine Änderung der Hintergrundfarbe für jedes Steuerelement dieser Klasse mit einem Klick auf eine Schaltfläche zu testen:

<code>function setColor(someColor) 
{
   jQuery('.testThing').css('background-color', someColor);
}
</code>

Ich möchte jedoch, dass der Benutzer in der Lage ist, die ursprüngliche Farbe wiederherzustellen (ein weiterer Klick auf die Schaltfläche), basierend auf dem, was die Klasse hat:

<code>function resetClass()
{
   jQuery('#currentColor').removeClass('testThing');
   jQuery('#currentColor').addClass('testThing');
}
</code>

Es scheint, als würde dies funktionieren (Albiet ist nicht der beste Weg, dies zu tun), aber die Hintergrundfarbe des Steuerelements wird nicht auf den ursprünglichen Wert in dieser Klasse zurückgesetzt.

Jetzt muss ich entweder herausfinden, warum das Entfernen, um es hinzuzufügen, es nicht zurücksetzt, oder einfach eine einfach bessere Möglichkeit, es zu tun ... da es albern erscheint, die Klasse zu entfernen und zu lesen ...

Antworten auf die Frage(4)

Ihre Antwort auf die Frage