Heim >Web-Frontend >CSS-Tutorial >Wie ändere ich die Klasse eines TD-Tags mit jQuery?

Wie ändere ich die Klasse eines TD-Tags mit jQuery?

Linda Hamilton
Linda HamiltonOriginal
2024-12-27 22:07:10789Durchsuche

How to Change a TD Tag's Class Using jQuery?

jQuery: Ändern eines Klassennamens

Szenario:
Stellen Sie sich eine Webseite vor, auf der Sie die Klasse eines bestimmten td-Tags ändern müssen , identifiziert durch seine ID, aus dem Klick eines anderen DOM-Elements heraus Ereignis.

Frage:
Wie können Sie die ID des td-Tags erhalten und seine Klasse mit jQuery ändern?

Antwort:
jQuery bietet mehrere Methoden zum Bearbeiten von Klassen attributes:

  • attr(): Setzt die Klasse direkt unabhängig von ihrem vorherigen Wert.
$("#td_id").attr('class', 'newClass');
  • addClass (): Fügt eine Klasse zur vorhandenen Klasse hinzu list.
$("#td_id").addClass('newClass');
  • toggleClass(): Schaltet zwischen zwei Klassen um und tauscht sie effektiv aus.
$("#td_id").toggleClass('change_me newClass');

Siehe Weitere Optionen finden Sie in der vollständigen Liste der Attributmethoden der jQuery-Klasse.

Das obige ist der detaillierte Inhalt vonWie ändere ich die Klasse eines TD-Tags mit jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn