javascript - 通过 jQuery 中的对象初始值设定项设置数据属性

Question

我想使用以下方式设置标签的数据属性(例如data-id=".."):

$('<p>', {text: 'bla', data-?: '..'}).appendTo('#tagToAppendTo');

不幸的是，我无法在对象中定义自定义部分(此处标记为？)。有没有办法这样做，或者我需要求助于 .data() 函数？

Answer 1

当属性名称不是有效的标识符名称时，您可以将其放在引号中:

$('<p>', {text: 'bla', 'data-id': '..'}).appendTo('#tagToAppendTo');
// --------------------^-------^

单引号或双引号都可以。

Is there a way to do it like this, or do I need to resort to the .data() function?

data不设置属性。详情:jQuery .data() does not work, but .attr() does