Maison > interface Web > tutoriel CSS > Comment ajouter dynamiquement une classe à un élément en fonction de la valeur de son attribut de données à l'aide de jQuery ?

Comment ajouter dynamiquement une classe à un élément en fonction de la valeur de son attribut de données à l'aide de jQuery ?

Linda Hamilton
Libérer: 2024-11-04 15:02:03
original
639 Les gens l'ont consulté

How to Dynamically Add a Class to an Element Based on Its Data Attribute Value Using jQuery?

Recherche d'éléments avec des valeurs d'attribut de données spécifiques à l'aide de jQuery

Question originale : Comment puis-je ajouter dynamiquement une classe à un élément basé sur sa valeur d'attribut de données en utilisant jQuery ?

Solution :

Pour ajouter une classe à un élément en fonction de la valeur de son attribut de données, vous pouvez utiliser le sélecteur d'attribut égal. Voici un exemple :

<code class="javascript">$('.slide-link[data-slide="0"]').addClass('active');</code>
Copier après la connexion

Dans ce code, nous ciblons tous les éléments avec la classe slide-link et un attribut data-slide avec une valeur de "0". Ensuite, nous ajoutons la classe active à ces éléments.

Remarque supplémentaire :

La méthode jQuery find() est utilisée pour rechercher les descendants de l'élément actuel, filtrée par un sélecteur. Dans notre exemple, nous n'avons pas besoin d'utiliser find() car le sélecteur d'attribut que nous utilisons correspondra directement aux éléments souhaités.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal