Javascript 使用jQuery,如何将信息存储在动态创建的div中?

Javascript 使用jQuery,如何将信息存储在动态创建的div中?,javascript,jquery,html,css,dynamic,Javascript,Jquery,Html,Css,Dynamic,我试图从带有“type”、“name”和“number”文本输入字段的属性框中创建新对象。理想情况下,您需要填写信息,单击创建,然后会弹出一个新对象(100px x 100px框) 最后,我想让文本框在没有选择任何对象时变为空白,然后在选择其中一个对象时填充相关信息 有没有办法在div中存储/检索信息?您可以使用元素的属性 var $element = $('div.mydiv'); $element.attr('data-type', myType); $element.attr('data-

我试图从带有“type”、“name”和“number”文本输入字段的属性框中创建新对象。理想情况下,您需要填写信息,单击创建,然后会弹出一个新对象(100px x 100px框)

最后,我想让文本框在没有选择任何对象时变为空白,然后在选择其中一个对象时填充相关信息


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

您可以使用元素的属性

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
使用数据属性

设定值

$(div).data('id','value');
var id = $(div).data('id');
获得价值

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