Maison > interface Web > tutoriel CSS > Comment puis-je sélectionner des éléments HTML avec des identifiants commençant par une chaîne spécifique à l'aide de jQuery ou CSS ?

Comment puis-je sélectionner des éléments HTML avec des identifiants commençant par une chaîne spécifique à l'aide de jQuery ou CSS ?

Linda Hamilton
Libérer: 2024-12-05 10:35:10
original
540 Les gens l'ont consulté

How Can I Select HTML Elements with IDs Starting with a Specific String Using jQuery or CSS?

Sélection d'ID commençant par une chaîne spécifique dans jQuery ou CSS

Lorsque vous traitez plusieurs éléments partageant un préfixe commun dans leurs ID, vous pouvez rencontrer le besoin de sélectionner tous. Cette question répond à ce scénario et fournit des solutions utilisant à la fois jQuery et CSS.

jQuery

Pour sélectionner tous les éléments HTML dont les ID commencent par une certaine chaîne à l'aide de jQuery, utilisez la syntaxe suivante :

1

$("div[id^="player_"]")

Copier après la connexion

où :

  • "div" représente l'élément HTML que vous souhaitez target.
  • "[id^="player_"]" est le sélecteur d'attribut commençant par qui sélectionne les éléments dont les ID commencent par "player_".

CSS3

En CSS3, vous pouvez obtenir la même sélection en utilisant le sélecteur d'attribut commençant par :

1

2

3

div[id^="player_"] {

  /* CSS styles to apply to selected elements */

}

Copier après la connexion

Bonne pratique Recommandation

La question suggère que le code HTML ciblé possède des identifiants uniques avec des tampons supplémentaires. Bien que les identifiants offrent une plus grande spécificité, il est généralement recommandé d’utiliser des classes à la place. En effet, les sélecteurs d'attribut partagent la même spécificité que les sélecteurs de classe, ce qui réduit l'avantage de l'utilisation des identifiants. De plus, l'utilisation de classes simplifie le code et la maintenance.

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