selecteur jQuery ou CSS pour sélectionner tous les ID qui commencent par une chaîne [dupliquer]

cette question a déjà une réponse ici:

  • trouver l'élément html dont l'id commence par 4 réponses

Comment puis-je sélectionner tous les éléments dont id commence par"player_"?

j'ai plusieurs éléments comme ceci:

<div id="player_290x3dfda">text</div>

chaque id porte un cachet unique. Comment puis-je sélectionner tous ces éléments, soit avec jQuery, soit avec CSS pur?

145
demandé sur BoltClock 2011-02-15 14:20:33

4 réponses

normalement, vous sélectionnerez les ID en utilisant le sélecteur D'ID # , mais pour les correspondances plus complexes, vous pouvez utiliser l'attribut-start-with selector (comme un sélecteur jQuery , ou comme un sélecteur CSS3):

div[id^="player_"]

si vous êtes en mesure de modifier ce HTML, cependant, vous devez ajouter une classe à votre lecteur div puis cibler cette classe. Vous perdrez la spécificité supplémentaire offerte par les sélecteurs D'ID de toute façon, comme les sélecteurs d'attribut même spécificité des sélecteurs de classe. En plus, utiliser un cours simplifie les choses.

238
répondu BoltClock 2013-01-27 06:05:48

essayez ceci:

$('div[id^="player_"]')
80
répondu Prakash 2011-02-15 11:39:51

vous pouvez utiliser des caractères meta Comme * ( http://api.jquery.com/category/selectors / ). Donc je pense que vous pouvez juste utiliser $('#player_*') .

Dans votre cas, vous pouvez également essayer le "Attribut commence par" sélecteur: http://api.jquery.com/attribute-starts-with-selector/ : $('div[id^="player_"]')

23
répondu Timon 2012-11-26 09:42:16
$('div[id ^= "player_"]');

ça a marché pour moi..sélectionnez Toutes les Div commençant par le mot-clé" players_ " et affichez-le.

3
répondu Riddhi 2016-05-20 14:25:36