มีวิธีที่ดีในการแนบวัตถุ JavaScript กับองค์ประกอบ HTML หรือไม่?

ฉันต้องการเชื่อมโยงวัตถุ JavaScript กับองค์ประกอบ HTML มีวิธีง่ายๆในการทำเช่นนี้หรือไม่?

ฉันสังเกตว่าHTML DOMกำหนดเมธอด setAttribute และดูเหมือนว่าสิ่งนี้ถูกกำหนดสำหรับชื่อแอตทริบิวต์โดยพลการ อย่างไรก็ตามสามารถตั้งค่าสตริงเท่านั้น (แน่นอนคุณสามารถใช้สิ่งนี้เพื่อจัดเก็บคีย์ลงในพจนานุกรม)

ข้อมูลเฉพาะ (แม้ว่าฉันจะสนใจคำถามทั่วไปเป็นส่วนใหญ่):

โดยเฉพาะอย่างยิ่งฉันมีองค์ประกอบ HTML ที่แสดงโหนดในต้นไม้และฉันกำลังพยายามเปิดใช้งานการลากแล้วปล่อย แต่เหตุการณ์การปล่อย jQuery จะให้องค์ประกอบที่ถูกลากและวางเท่านั้น

รูปแบบปกติสำหรับการรับข้อมูลไปยังตัวจัดการเหตุการณ์ดูเหมือนว่าจะสร้างองค์ประกอบ HTML ในเวลาเดียวกับที่คุณกำลังสร้างวัตถุ JavaScript จากนั้นกำหนดตัวจัดการเหตุการณ์โดยการปิดทับวัตถุ JavaScript เหล่านี้ - อย่างไรก็ตามสิ่งนี้ไม่ได้ผลเช่นกัน กรณี (ฉันสามารถมีวัตถุส่วนกลางที่ได้รับการเติมข้อมูลเมื่อการลากเริ่มต้นขึ้น ... แต่รู้สึกน่ารังเกียจเล็กน้อย)

คุณดูวิธีjQuery data () แล้วหรือยัง? คุณสามารถกำหนดวัตถุที่ซับซ้อนให้กับองค์ประกอบได้หากคุณต้องการหรือคุณสามารถใช้ประโยชน์จากวิธีการนั้นเพื่อเก็บข้อมูลอ้างอิงไปยังวัตถุ (หรือข้อมูลอื่น ๆ ) อย่างน้อยที่สุด

ออบเจ็กต์ JavaScript สามารถมีคุณสมบัติที่กำหนดให้กับพวกมันได้โดยไม่มีอะไรพิเศษที่คุณต้องทำเพื่ออนุญาต ซึ่งรวมถึงองค์ประกอบ DOM แม้ว่าพฤติกรรมนี้ไม่ได้เป็นส่วนหนึ่งของมาตรฐาน DOM แต่ในกรณีนี้กลับไปใช้ JavaScript เวอร์ชันแรกและมีความน่าเชื่อถือโดยสิ้นเชิง

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