Có cách nào tốt để đính kèm các đối tượng JavaScript vào các phần tử HTML không?

Question

Tôi muốn liên kết đối tượng JavaScript với 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 xác định 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. (Bạn có thể sử dụng tất nhiên này để khóa cửa vào từ điển.)

chi tiết cụ thể (mặc dù tôi chủ yếu quan tâm đến các 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ố gắng cho phép kéo và thả, nhưng sự kiện thả jQuery sẽ chỉ cho tôi các phần tử được kéo và thả.

Mẫu thông thường để nhận thông tin cho 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 tạo đối tượng JavaScript và sau đó xác định trình xử lý sự kiện bằng cách đóng các đối tượng JavaScript này quá tốt trong trường hợp này (tôi có thể có một đối tượng toàn cầu được phổ biến khi kéo một bắt đầu ... nhưng điều này cảm thấy hơi khó chịu).

Answer 1

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ữ một tham chiếu đến một đối tượng (hoặc một số dữ liệu khác) ít nhất.

Answer 2

Đối tượng JavaScript có thể có thuộc tính tùy ý được chỉ định cho chúng, bạn không cần phải làm gì đặc biệt để cho phép. Đ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, nó đã trở thành trường hợp quay lại các phiên bản JavaScript đầu tiên và hoàn toàn đáng tin cậy.

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