Existe-t-il un bon moyen d'attacher des objets JavaScript à des éléments HTML ?

Question

Je veux associer un objet JavaScript à un élément HTML. Existe-t-il un moyen simple de le faire ?

J'ai remarqué HTML DOM définit une méthode setAttribute et il semble que celle-ci soit définie pour un nom d'attribut arbitraire. Cependant, elle ne peut définir que des valeurs de type chaîne. (Vous pouvez bien sûr utiliser cette méthode pour stocker des clés dans un dictionnaire).

Spécificités (bien que je sois surtout intéressé par la question générale) :

Plus précisément, j'ai des éléments HTML représentant des nœuds dans une arborescence et j'essaie d'activer le glisser-déposer, mais l'événement de dépôt de jQuery ne me donne que les éléments qui sont glissés et déposés.

Le modèle normal pour obtenir des informations pour les gestionnaires d'événements semble être de créer les éléments HTML en même temps que vous créez les objets JavaScript et ensuite de définir les gestionnaires d'événements en fermant sur ces objets JavaScript - cependant, cela ne fonctionne pas très bien dans ce cas (je pourrais avoir un objet global qui est rempli quand un drag commence... mais cela semble un peu désagréable).

Answer 1

Les objets JavaScript peuvent se voir attribuer des propriétés arbitraires, il n'y a rien de particulier à faire pour l'autoriser. Cela inclut les éléments DOM ; bien que ce comportement ne fasse pas partie de la norme DOM, il existe depuis les toutes premières versions de JavaScript et est totalement fiable.

var div= document.getElementById('nav');
div.potato= ['lemons', 3];

Answer 2

Avez-vous regardé le jQuery data() méthode ? Vous pouvez affecter des objets complexes à l'élément si vous le souhaitez ou vous pouvez exploiter cette méthode pour contenir une référence à un objet (ou à d'autres données), à tout le moins.