使用链接创建具有数据属性的元素

Question

我想通过链接使用来创建一个新元素并同时创建一个数据属性 jQuery.data

所以在这里的例子中我想创建:

<div data-test="test">test</div>

我试过了:

$("<div>").data(this, 'test','test').append('test').appendTo('body');

没有成功,有可能吗？

这里是一个小提琴一起玩

Answer 1

您还可以在同一函数调用中为新创建的元素设置属性(和内容):

$( '<div>', { 
  'data-test': 'test',
  'text': 'test'
} ).appendTo( 'body' );

此代码应该产生类似于此的内容:

<body>
  <div data-test="test">test</div>
</body>