Wie ändere ich die Klasse eines TD-Elements mithilfe von jQuery basierend auf seiner ID?

jQuery: Ändern Sie den Klassennamen eines bestimmten DOM-Elements basierend auf der ID

Diese Frage befasst sich mit einem häufigen Szenario, in dem wir das ändern müssen Klassenname eines bestimmten td-Elements innerhalb einer Webseite. Unser Ziel ist es, dies programmgesteuert aus dem Click-Event-Handler eines anderen DOM-Elements heraus zu erreichen.

Lösung mit jQuery:

jQuery bietet mehrere Methoden zum Bearbeiten des Klassenattributs von ein HTML-Element.

Klasse festlegen (vorhandene Klasse ersetzen):
An Legen Sie den Klassennamen vollständig fest, unabhängig von seinem vorherigen Wert, und verwenden Sie die Methode .attr():

$("#td_id").attr("class", "newClass");

Hinzufügen einer Klasse (Anhängen an vorhandene Klassenliste):
Wenn Wenn Sie eine Klasse hinzufügen und dabei alle vorhandenen Klassen beibehalten möchten, verwenden Sie die Methode .addClass():

$("#td_id").addClass("newClass");

Klassen umschalten (Zwischen Klassen wechseln):
Um Klassen bequem auszutauschen, verwenden Sie die Methode .toggleClass():

$("#td_id").toggleClass("change_me newClass");

Mit diesen Methoden können wir den Klassennamen des Ziels dynamisch ändern td-Element basierend auf seiner ID, sodass wir den Stil des Elements programmgesteuert ändern können.

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