使用jQuery，我如何將信息存儲在動態創建的div中？

Question

我試圖從'type'，'name'和'number'文本輸入字段的屬性框中創建新對象。理想情況下，您需要填寫信息，點擊創建並彈出一個新的對象（100px乘100px框）。

最後，我希望文本框在未選中對象時變爲空白，然後在選擇其中一個對象時填充相關信息。

有沒有辦法在div中存儲/檢索信息？

Answer 1

使用數據屬性

設定值

$(div).data('id','value'); 

獲得價值

var id = $(div).data('id'); 

Answer 2

您可以使用元素的屬性。

var $element = $('div.mydiv'); 
$element.attr('data-type', myType); 
$element.attr('data-name', myName); 
$element.attr('data-number', myNumber); 
console.log($element.attr('data-type')); // Show how to get value back