JavaScriptオブジェクトをHTML要素に貼り付ける良い方法はありますか？

Question

JavaScriptオブジェクトをHTML要素に関連付ける必要があります。これを行う簡単な方法はありますか？

私は気付きましたHTML DOMはsetAttributeメソッドを定義しており、これは任意の属性名に対して定義されているようです。ただし、これは文字列の値のみを設定できます。 （もちろん、辞書にキーを格納するためにこれを使用することができます。）

細目（私は一般的な問題のほとんどは興味が）：

具体的には、私は、ツリー内のノードを表すHTML要素を持っていますドラッグ・アンド・ドロップを有効にしようとしていますが、jQueryドロップ・イベントでは、ドラッグ・アンド・ドロップされている要素のみが表示されます。

イベントハンドラに情報を渡すための通常のパターンは、JavaScriptオブジェクトを作成するのと同時にHTML要素を作成してから、これらのJavaScriptオブジェクトを閉じることでイベントハンドラを定義することですこの場合、あまりにもうまくいきます（ドラッグが開始されたときにグローバルオブジェクトが作成される可能性がありますが、これはやや厄介です）。

Answer 1

jQuery data()の方法を見ましたか？必要に応じて複雑なオブジェクトを要素に割り当てることができます。または、そのメソッドを利用してオブジェクト（または他のデータ）への参照を少なくとも保持することができます。

Answer 2

JavaScriptオブジェクトには任意のプロパティを割り当てることができますが、それを許可するために特別なことは何もありません。これにはDOM要素が含まれます。この動作はDOM標準の一部ではありませんが、JavaScriptの最初のバージョンに戻ってきており、完全に信頼できます。

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