使用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