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 ?

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 :

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

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 :

div[id^="player_"] {
  /* CSS styles to apply to selected elements */
}

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!