Maison > interface Web > tutoriel CSS > Comment puis-je sélectionner des éléments dont les identifiants commencent par une chaîne spécifique à l'aide de jQuery ou CSS ?

Comment puis-je sélectionner des éléments dont les identifiants commencent par une chaîne spécifique à l'aide de jQuery ou CSS ?

Mary-Kate Olsen
Libérer: 2024-12-02 07:44:10
original
876 Les gens l'ont consulté

How Can I Select Elements Whose IDs Start with a Specific String Using jQuery or CSS?

Sélection des ID avec jQuery ou CSS

Question : Comment sélectionner tous les éléments dont l'ID commence par un spécifique chaîne ?

Réponse :

Il existe deux méthodes principales pour sélectionner des éléments en fonction de leur ID :

jQuery :

$("div[id^='player_']")
Copier après la connexion

Le sélecteur jQuery ^ (attribut-starts-with) sélectionne les éléments dont l'ID commence par le spécifié string.

CSS3 :

div[id^="player_"]
Copier après la connexion

Le sélecteur d'attribut CSS3 commence par sélectionne également les éléments dont l'ID commence par la chaîne spécifiée.

Considérations supplémentaires :

Bien que l'utilisation de sélecteurs d'ID offre une spécificité élevée, il n'est pas recommandé de s'appuyer uniquement sur les attributs d'ID pour les correspondances complexes. Pensez plutôt à ajouter un attribut de classe aux éléments souhaités.

<div class="player">
Copier après la connexion

Cette approche simplifie la sélection et maintient une spécificité élevée :

jQuery :

$(".player")
Copier après la connexion

CSS3 :

.player
Copier après la connexion

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