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

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/

Customiser le sélecteur de jQuery

jQuery

Vue hybride

Discussions similaires

Partager

Partager