javascript - 在 Jquery 中为新节点添加自定义数据属性不起作用

Question

我尝试在这段代码中使用方法 data (jQuery 1.7.1):

var q = '<div class="form-error-marker"></div>';
var t = $(q).data('message', message).insertAfter(el); 

它不起作用。

请注意，这是可行的:

var t = $(q).attr('data-message', message).insertAfter(el);

为什么第一个变体不起作用？

编辑:insertAfter 工作正常，新的 div 添加在 el 之后(这是我通过 getElementById() 获得的一个元素的实例)函数；长话短说，我有一个我扩展的库)。

当我说“它不起作用”时，我的意思是“数据消息”属性没有被存储。

Answer 1

像这样使用 data 为该节点设置任意数据；它不会添加新的 data- 属性。只需使用 attr 函数添加属性，然后使用 data

访问它

var q = $('<div class="form-error-marker"></div>').attr("data-message", message);

现在像这样访问它:

var message = q.data("message");

这是一个 fiddle