使用jQuery，如何在动态创建的div中存储信息？

Question

我尝试使用＆＃39; type＆＃39;，＆＃39; name＆＃39;从属性框创建新对象。和＆＃39;数字＆＃39;文本输入字段。理想情况下，您需要填写信息，单击“创建”，弹出一个新对象（100px×100px框）。

最后，我希望在没有选择对象时让文本框变为空白，然后在选择其中一个对象时填充相关信息。

有没有办法在div中存储/检索信息？

Answer 1

您可以使用元素的属性。

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

Answer 2

使用数据属性

设定值

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

获得价值

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