Comment modifier la couleur d'arrière-plan des lignes en fonction de la valeur de l'élément de page dans le rapport interactif

Question

Bonjour à tous, j'ai une question, Dans mon programme, Il y a un élément de page masqué et lorsque je clique sur n'importe quelle ligne du rapport de commande, Les éléments de page masqués utilisent l'ID de commande, Ensuite, je modifie le tableau des détails de la commande avec la valeur de l'élément de page.

Tout va bien maintenant, j'ai l'identifiant de commande sur l'élément de la page et je souhaite changer la couleur de fond de la ligne avec cette valeur

Je veux dire, par exemple, l'élément de page en contient 2, s'il en contient 2, je souhaite changer la couleur d'arrière-plan de la ligne avec l'ID de commande 2 sur le tableau des commandes.

J'espère, j'espère vous l'avoir expliqué correctement

Answer 1

Commencez avec les règles CSS :

tr.highlighted {
  background: orange;
}

Ensuite, il vous suffit de sélectionner l'élément de page masquée

document.querySelector("table tr:nth-of-type([item#])").addClass("highlighted");