Trouvez l'élément html dont l'ID commence par

89

ma question est la suivante:

J'ai du code HTML dans plusieurs pages, sur chacune d'elles j'ai utilisé un JQgrid (grille jquery) pour afficher certaines données. Je savais que sur chacune de ces pages, l'élément qui contient le JQgrid est nommé "LIST_xxx". Maintenant, j'ai besoin de faire un javascript qui prend cet élément "LIST_XXXX" sur chaque page et fait des choses. Comment pourrais-je rechercher un élément par ID mais ne connaissant que sa partie initiale (de l'ID, comme je l'ai mentionné précédemment):

$('#list_[XXXX]')... --> The part surrounded by [] is variable on each page, i want to discriminate that.

J'espère que je me suis fait clairement comprendre. Merci.

jquery

— lidermin
source

171

Essayer

$('div[id^="list_"]')

Ça devrait marcher

— Glen Little
source

Bien meilleure mise en page sur cette référence que la documentation jquery.

— Yuriy Faktorovich

Cela fonctionne très bien grâce ... Je l'ai utilisé pour trouver un identifiant qui se termine par une valeur spécifique comme if ($ ('div [id $ = "' + val + '"]'). Length> 0) exécute quelque chose;

— raphie

Eh bien, cela fonctionne bien pour les ID simples de contrôles ci-dessus. Comment le faire fonctionner pour des scénarios comme j'ai des contrôles avec des ID tels que "txt_0_city", "txt_1_city", "txt_2_city", "txt_3_city" et ainsi de suite, et je veux le nombre de tous ces éléments ayant des ID comme "txt _ * _ city "

— Rajiv Bhardwaj

@Rajiv si vous avez le contrôle sur le html, il serait bon d'ajouter une classe comme "city" à chacun de ces éléments. Vous pouvez alors les compter facilement.

— Glen Little

@Rajiv si vous ne pouvez pas améliorer le html, consultez api.jquery.com/multiple-attribute-selector - vous pouvez combiner les sélecteurs. Par exemple, $ ("span [id ^ = 'txt _'] [id $ = '_ city']")

— Glen Little

22

Vous devez utiliser l' attribut commence par selector , comme ceci:

$('[id^=list_]').whatever()

— SLaks
source

Eh bien, cela fonctionne bien pour les ID simples de contrôles ci-dessus. Comment le faire fonctionner pour des scénarios comme j'ai des contrôles avec des ID tels que "txt_0_city", "txt_1_city", "txt_2_city", "txt_3_city" et ainsi de suite, et je veux le nombre de tous ces éléments ayant des ID comme "txt _ * _ city "

— Rajiv Bhardwaj

Salut @Rajiv, bienvenue dans stackoverflow. J'ai répondu à l'autre copie de votre commentaire.

— Glen Little

8

Donnez à cet élément un nom de classe commun ou un autre attribut que vous pouvez rechercher.

— Yuriy Faktorovich
source

Bonjour, merci pour votre réponse, le problème avec votre suggestion est qu'il peut y avoir plusieurs tables contenant JQgrid, donc il pourrait y avoir: "LIST_customer", "LIST_carrier" ... et ainsi de suite. Et je dois les sélectionner tous les deux uniquement sur la partie ID initiale: "LIST_".

— lidermin

1

Je comprends, mais en faire une classe List me semble une approche plus lisible et plus descriptive. À chacun son propre, vous pouvez toujours utiliser le sélecteur de démarrage avec dans jquery comme indiqué par d'autres réponses.

— Yuriy Faktorovich

@lidermin Ce que dit Yuriy devrait fonctionner. Pourquoi n'ajoutez-vous pas une classe à vos contrôles telle que "list" puisque vous avez list_ comme préfixe. Ainsi, lorsque vous sélectionnez cette classe, il obtiendra chacun de ces contrôles. Ce sera la manière la plus efficace de le faire.

— Josh Mein

La réponse de Yuriy fonctionnera. Vous pouvez ajouter la même classe (par exemple "ListsINeedToFind") à tous vos éléments "LIST_XXXX", puis les rechercher en utilisant $('.ListsINeedToFind').

— Annabelle

Parfois, il est nécessaire d'avoir plusieurs éléments avec la même classe mais des ID différents.

— Vincent

5

Utilisez le sélecteur "L'attribut commence par" http://api.jquery.com/attribute-starts-with-selector/

$("[id^=list_]")

Sachez que c'est inefficace. Préfixe avec le nom de la balise et descend du parent le plus proche si possible.

— Chetan S
source

1

Pour obtenir un élément se terminant par un certain identifiant / caractère

find('[id$=someid]')

Pour obtenir un élément commençant par un certain identifiant / caractère

find('[id*=anotherid]')

Pour obtenir un élément correspondant à un certain identifiant / caractère

find('[id^=id]')

— Haroon Khalid
source