代码之家 › 专栏 › 技术社区 › andrew

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

custom-data-attribute jquery

andrew · 技术社区 · 10 年前

我想通过使用 jQuery.data

因此,在这里的示例中,我想创建:

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

我尝试了:

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

没有成功,有可能吗?

这是一个 fiddle 玩

3 回复 | 直到 10 年前

Lix 10 年前

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

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

这段代码应该会产生类似的结果:

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

apsillers 10 年前

的数据设置变体 .data 只接受两个参数,一个键和一个值(而数据获取变量只接受一个参数)。删除第一个参数 数据 .

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

注意jQuery的 data 未设置 data- 属性;它将值存储在一个内部查找表中,该表可通过获取对 数据 。如果您真的需要设置 数据- 属性(例如,为了与其他需要的非jQuery代码兼容),可以使用 .attr :

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

注意 数据 变量可以存储任意值(因为它使用内部字典),而 .属性 解决方案只能存储字符串(因为它使用属性值)。

Slippery Pete 10 年前

.data() 只接受两个参数,key和value: http://api.jquery.com/data/

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

5 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

5 月前

user28928120 · 如何在jquery中选择所有类?

6 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

6 月前

Eliable · 使点击计数器和进度条协同工作

6 月前

mlri · 从不同的onclick事件执行相同的javascript函数

6 月前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

6 月前

Jack Maessen · 在处理程序上使用时如何获取输入类型

6 月前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

6 月前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

6 月前