jQuery Klassenname ändern

Question

Ich möchte die Klasse eines td-Tags anhand der id des td-Tags ändern:

<td id="td_id" class="change_me"> ...

Ich möchte in der Lage sein, dies zu tun, während innerhalb der Klick-Ereignis von einigen anderen Dom-Objekt. Wie greife ich die td's id und ändern seine Klasse?

Answer 1

Klasse ändern mit jquery

Versuchen Sie dies

$('#selector_id').attr('class','new class');

können Sie auch jedes Attribut mit dieser Abfrage setzen

$('#selector_id').attr('Attribute Name','Attribute Value');

Answer 2

Hier ist die Lösung mit jQuery :

$(document).ready(function(){
  if($('#td_id').hasClass('change_me')) {
    $('#td_id').removeClass('change_me').addClass('something_else');
  }
});

Answer 3

Ich benutze besser die .prop, um den Klassennamen zu ändern, und es funktionierte perfekt:

$(#td_id).prop('className','newClass');

Für diese Codezeile müssen Sie nur den Namen von newClass und natürlich die ID des Elements ändern, im nächsten Beispiel: idelementinyourpage

$(#idelementinyourpage).prop('className','newClass');

Übrigens, wenn Sie nachsehen wollen, welcher Stil auf ein beliebiges Element angewendet wird, klicken Sie einfach auf F12 in Ihrem Browser, wenn Ihre Seite angezeigt wird, und wählen Sie dann in der Registerkarte des DOM-Explorers das Element aus, das Sie sehen möchten. Unter Stile können Sie nun sehen, welche Stile auf Ihr Element angewendet werden und aus welcher Klasse es stammt.