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

Question

我正在尝试从具有 'type'、'name' 和 'number' 文本输入字段的属性框中创建新对象。理想情况下，您会填写信息，单击创建，然后会弹出一个新对象（100 像素 x 100 像素框）。

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

有没有办法在 div 中 store/retrieve 信息？

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');

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

Using jQuery, how can I store information in a dynamically created div?

javascript

jquery

html

css

dynamic