Comment modifier la classe d'un élément TD à l'aide de jQuery en fonction de son ID ?

jQuery : modifier le nom de classe d'un élément DOM spécifique en fonction de l'ID

Cette question répond à un scénario courant dans lequel nous devons modifier le nom de classe d'un élément td spécifique dans une page Web. Notre objectif est d'y parvenir par programmation à partir du gestionnaire d'événements click d'un autre élément DOM.

Solution utilisant jQuery :

jQuery fournit plusieurs méthodes pour manipuler l'attribut de classe de un élément HTML.

Définition de la classe (remplacer la classe existante) :
Pour définir le nom de la classe entièrement, quelle que soit sa valeur précédente, utilisez la méthode .attr() :

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

Ajout d'une classe (ajouter à la liste de classes existante) :
Si vous souhaitez ajouter une classe tout en préservant les classes existantes, utilisez la méthode .addClass() :

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

Basculer les classes (Basculer entre les classes) :
Pour un moyen pratique d'échanger des classes, utilisez la méthode .toggleClass() :

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

Ces méthodes nous permettent de changer dynamiquement le nom de classe de la cible td en fonction de son ID, nous permettant de modifier le style de l'élément par programme.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!