Jquery 使用链接创建具有数据属性的元素_Jquery_Custom Data Attribute

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

jquery

Jquery 使用链接创建具有数据属性的元素,jquery,custom-data-attribute,Jquery,Custom Data Attribute,我想通过使用jQuery.data 因此，在这里的示例中，我想创建： <div data-test="test">test</div> 测试我试过： $("<div>").data(this, 'test','test').append('test').appendTo('body'); $（“”）。数据（此“测试”、“测试”）。追加（“测试”）。追加（“正文”）；没有成功，有可能吗这里是一个可玩的的数据设置变量只接受两个参数，一个键和一个值（数

我想通过使用

jQuery.data

因此，在这里的示例中，我想创建：

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

测试

我试过：

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

$（“”）。数据（此“测试”、“测试”）。追加（“测试”）。追加（“正文”）；

没有成功，有可能吗

这里是一个可玩的

的数据设置变量只接受两个参数，一个键和一个值（数据获取变量只接受一个参数）。删除

.data

的第一个参数

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

请注意，

.data

变量可以存储任意值（因为它使用内部字典），而

.attr

解决方案只能存储字符串（因为它使用属性值）。

.data（）

只接受两个参数，键和值：

$（“”）。数据（'test'，'test'）。追加（'test'）。追加（'body'）；

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

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

$（''，{
“数据测试”：“测试”，
“文本”：“测试”
}）。附于（‘主体’）；

此代码应产生类似以下内容：

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


测试

我认为您可能正在查看而不是

$（“”，{'data-test'：'test'，text:'test'}）。appendTo（'body'）

数据将值存储为后台数据，而不是某些浏览器上的数据-
属性。。。Useattr
append（'test'）正在将innerhtml设置为“test”，谢谢@TrueBlueAussie-看起来你是对的+1用于将构造函数与属性一起使用（喜欢这个）。@TrueBlueAussie-它确实非常干净：）
$( '<div>', { 
  'data-test': 'test',
  'text': 'test'
} ).appendTo( 'body' );

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