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

标签 jquery custom-data-attribute

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

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

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

我尝试过:

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

没有成功,还可以吗?

这是一个fiddle一起玩

最佳答案

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

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

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

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

关于jquery - 使用链接创建具有数据属性的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25789795/

相关文章:

javascript - 日期在表中呈现为对象

jQuery/CSS 图像缩放 - 屏幕截图?

javascript - for 循环 4 DOM 元素及其在 JS 中的事件

javascript - HTML数据属性IE6支持

javascript - 在 jquery 中更新自定义数据属性名称

wordpress - WordPress 多站点中的管理员角色在保存页面时会删除内容

javascript - 强制 Instagram 个人资料页面的源代码使用 JavaScript 远程加载

javascript - 将文本框悬停在菜单/子菜单项中会关闭最新 Chrome 版本中的项目

javascript - jQuery:选择不为空的数据属性?

jquery - jQuery UI 日期选择器的属性选项