Wie man die Klasseneigenschaft eines Elements beim Auswählen einer Option mit jQuery ändert

Question

Ich möchte meine class="value" beim Auswählen der Option mit jQuery ändern

Beispiel

  Standard
  Schwarz
  Blau
  Braun
  Grün
  Grau
  Lime
  Orange

Wenn wir Schwarz auswählen, wird die Klasse des Spans sein

Lass es mich wissen

Answer 1

Das habe ich erreicht, indem ich die Standardklasse gespeichert und diese Klasse immer dann entfernt habe, wenn sich die Auswahl ändert.

var selectedScheme = 'Default';

$('#color_scheme').change(function(){
    $('span').removeClass(selectedScheme).addClass($(this).val());
    selectedScheme = $(this).val();
});

Ein funktionierendes Beispiel finden Sie hier: http://jsfiddle.net/9PeAc/1/

Answer 2

Verwenden Sie das change Ereignis, um festzustellen, wann der Benutzer eine andere Option ausgewählt hat. Um alle aktuellen Klassen zu entfernen, rufen Sie removeClass() ohne Argumente auf. Fügen Sie schließlich die neue Klasse hinzu, auf die über this.value zugegriffen werden kann.

$('#color_scheme').change(function(e) {
    $('span').removeClass().addClass(this.value);
});

Demo: http://www.jsfiddle.net/4yUqL/100/

Answer 3

Versuchen Sie es:

$('p').removeClass('myClass noClass').addClass('yourClass');