Customiser le sélecteur de jQuery

vanitom · 28/06/2011, 09h11

Bonjour,

Je voudrais customiser le sélecteur de jQuery. J'ai trouvé des informations sur le net. Il "suffit" d'ajouter une fonction dans "$.expr[':']". Malheureusement je voudrais faire plus compliqué. Je vous explique mon cas.

Pour mon application Web, j'ai crée des éléments (table, div, bouton, ...) avec des ID générés automatiquement en PHP et surtout unique (ex: ui-ccde4f1fe04d7323114be01d2f0f1083)
Certaines parties de l'application est mises à jour en AJAX. Mais ces parties ne connaissent pas les ID des autres parties de l'application. Pour cela, j'ai mis en place un système d'alias (ex: "@materials" = "ui-ccde4f1fe04d7323114be01d2f0f1083").

A l'heure actuel, pour récupérer la liste mon matériel, je dois faire et c'est chiant à implémenter.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$($.alias("@materials"))

Voici ce que je voudrais écrire pour avec le même résultat :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("@materials")

Auriez vous une idée pour étendre le sélecteur de jQuery pour que cela fonctionne ?
J'ai essayé de bidouiller pour ça fonctionne mais je n'y suis pas arrivé. D'où ma question ici

SpaceFrog · 28/06/2011, 10h07

pourquoi ne pas juste passer par un array de correspondances ??

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var alias=new Array()
alias["@materials"] = "ui-ccde4f1fe04d7323114be01d2f0f1083";
.../...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(alias["@materials"])

vanitom · 29/06/2011, 12h35

En fait ce que je fais dans ma fonction "$.alias".

Mais je voulais utiliser un sélecteur spécifique car je génère du script js, dont jQuery, avec CakePHP. Dans le lot de ces fonctions, il y en a une qui correspond au "$()" de jQuery. A partir de là, on peut générer très simplement générer du code jQuery.

Et là avec mes histoires d'alias, ça me complique la vie. D'où ma question.

Si je ne trouve pas de solution pour mes histoire d'alias, j'utilisera l'équivalent de ta méthode. Mais j'avoue que j'aimerais bien trouver la solution.

SpaceFrog · 29/06/2011, 13h22

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
$.extend($.expr[':'],{
    materials : function(a) {
    				  return $(a).attr('id')==='ui-ccde4f1fe04d7323114be01d2f0f1083';
    }
});
$(function(){
alert($(":materials").html())
})
</script>
</head>
<body>
<div id="ui-ccde4f1fe04d7323114be01d2f0f1083">bonjour</div>

mais je ne vois pas trop l'intéret de la chose ...

danielhagnoul · 30/06/2011, 00h32

Bonsoir

Citation:

Mais ces parties ne connaissent pas les ID des autres parties de l'application

Lorsque vous généré l'ID unique d'un élément du DOM, vous pouvez stockez sa valeur dans un attribut data-XYZ (par exemple : data-id-to-modify="ui-ccde4f1fe04d7323114be01d2f0f1083") d'un autre l'élément du DOM.

Lorsque la partie mise à jour en AJAX a besoin de l'ID a modifié, elle récupère la valeur (dans mon exemple : $(selection).data("idToModify") ).

L'usage des attributs data-XYZ nécessite jQuery 1.4.3, et en les écrivant comme ci-dessus la version 1.6

Voir : http://api.jquery.com/data/

28/06/2011, 09h11	#1
vanitom Membre du Club Inscription : juillet 2004 Messages : 317 Détails du profil Informations forums : Inscription : juillet 2004 Messages : 317 Points : 49 Points : 49	Customiser le sélecteur de jQuery Bonjour, Je voudrais customiser le sélecteur de jQuery. J'ai trouvé des informations sur le net. Il "suffit" d'ajouter une fonction dans "$.expr[':']". Malheureusement je voudrais faire plus compliqué. Je vous explique mon cas. Pour mon application Web, j'ai crée des éléments (table, div, bouton, ...) avec des ID générés automatiquement en PHP et surtout unique (ex: ui-ccde4f1fe04d7323114be01d2f0f1083) Certaines parties de l'application est mises à jour en AJAX. Mais ces parties ne connaissent pas les ID des autres parties de l'application. Pour cela, j'ai mis en place un système d'alias (ex: "@materials" = "ui-ccde4f1fe04d7323114be01d2f0f1083"). A l'heure actuel, pour récupérer la liste mon matériel, je dois faire et c'est chiant à implémenter. Code : Sélectionner tout - Visualiser dans une fenêtre à part $($.alias("@materials")) Voici ce que je voudrais écrire pour avec le même résultat : Code : Sélectionner tout - Visualiser dans une fenêtre à part $("@materials") Auriez vous une idée pour étendre le sélecteur de jQuery pour que cela fonctionne ? J'ai essayé de bidouiller pour ça fonctionne mais je n'y suis pas arrivé. D'où ma question ici
	00

29/06/2011, 12h35	#3
vanitom Membre du Club Inscription : juillet 2004 Messages : 317 Détails du profil Informations forums : Inscription : juillet 2004 Messages : 317 Points : 49 Points : 49	En fait ce que je fais dans ma fonction "$.alias". Mais je voulais utiliser un sélecteur spécifique car je génère du script js, dont jQuery, avec CakePHP. Dans le lot de ces fonctions, il y en a une qui correspond au "$()" de jQuery. A partir de là, on peut générer très simplement générer du code jQuery. Et là avec mes histoires d'alias, ça me complique la vie. D'où ma question. Si je ne trouve pas de solution pour mes histoire d'alias, j'utilisera l'équivalent de ta méthode. Mais j'avoue que j'aimerais bien trouver la solution.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email