javascript - Jquery - 如何在附加 html 元素时添加自定义数据属性

Question

我目前正在附加一个像这样的元素

$('#action_existing_email').append($('<option>', {
    value: templates[i].id,
    text: templates[i].name
}));

我想附加一个数据属性，例如 data-version="1"

有什么方法可以添加类似 data: ("foo", "bar") 的内容来获取 data-foo="bar"

Answer 1

看起来您可以将数据作为对象提供。

$(document.body).append($('<div>', { id: 'test1', data: { name: 'Timmy' } }));

console.log($('#test1').data('name'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>