Có cách nào tốt để gắn các đối tượng JavaScript vào các phần tử HTML không?

Tôi muốn liên kết một đối tượng JavaScript với một phần tử HTML. Có một cách đơn giản để làm điều này?

Tôi nhận thấy HTML DOM định nghĩa một phương thức setAttribute và có vẻ như điều này được xác định cho tên thuộc tính tùy ý. Tuy nhiên điều này chỉ có thể đặt giá trị chuỗi. (Tất nhiên, bạn có thể sử dụng điều này để lưu trữ các khóa vào từ điển.)

Chi tiết cụ thể (mặc dù tôi chủ yếu quan tâm đến câu hỏi chung):

Cụ thể, tôi có các phần tử HTML đại diện cho các nút trong một cây và tôi đang cố bật tính năng kéo và thả, nhưng sự kiện thả jQuery sẽ chỉ cung cấp cho tôi các phần tử đang được kéo và thả.

Mô hình bình thường để nhận thông tin đến trình xử lý sự kiện dường như là tạo các phần tử HTML cùng lúc khi bạn đang tạo các đối tượng JavaScript và sau đó xác định trình xử lý sự kiện bằng cách đóng trên các đối tượng JavaScript này - tuy nhiên điều này không hoạt động quá tốt trong điều này trường hợp (Tôi có thể có một đối tượng toàn cục được phổ biến khi quá trình kéo bắt đầu ... nhưng điều này cảm thấy hơi khó chịu).

Bạn đã xem phương thức jQuery data () chưa? Bạn có thể gán các đối tượng phức tạp cho phần tử nếu bạn muốn hoặc bạn có thể tận dụng phương thức đó để giữ ít nhất một tham chiếu đến một đối tượng (hoặc một số dữ liệu khác).

Các đối tượng JavaScript có thể có các thuộc tính tùy ý được gán cho chúng, không có gì đặc biệt bạn phải làm để cho phép nó. Điều này bao gồm các phần tử DOM; mặc dù hành vi này không phải là một phần của tiêu chuẩn DOM, nhưng nó đã trở lại với các phiên bản đầu tiên của JavaScript và hoàn toàn đáng tin cậy.

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