¿Hay una buena manera de adjuntar objetos JavaScript a elementos HTML?

Question

Quiero asociar un objeto JavaScript con un elemento HTML. ¿Hay una manera simple de hacer esto?

Me di cuenta HTML DOM define un método setAttribute y parece que esto se define para el nombre de atributo arbitrario. Sin embargo, esto solo puede establecer valores de cadena. (Por supuesto, puedes usar esto para almacenar las claves en un diccionario.)

Específicos (aunque estoy en su mayoría interesados ​​en la cuestión general):

En concreto, no tengo elementos HTML que representan los nodos en un árbol y estoy intentando habilitar arrastrar y soltar, pero el evento de soltar jQuery solo me dará los elementos que se arrastran y sueltan.

El patrón normal para obtener información para los manejadores de eventos parece ser crear los elementos HTML al mismo tiempo que crea objetos JavaScript y luego definir manejadores de eventos cerrando estos objetos JavaScript; sin embargo, esto no funciona muy bien en este caso (podría tener un objeto global que se llena cuando comienza una resistencia ... pero esto se siente un poco desagradable).

Answer 1

¿Has mirado el método jQuery data()? Puede asignar objetos complejos al elemento si lo desea o puede aprovechar ese método para mantener una referencia a un objeto (u otros datos) como mínimo.

Answer 2

Los objetos JavaScript pueden tener propiedades arbitrarias asignadas, no hay nada especial que deba hacer para permitirlo. Esto incluye elementos DOM; aunque este comportamiento no forma parte del estándar DOM, ha sido el caso que se remonta a las primeras versiones de JavaScript y es totalmente confiable.

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