无法使用jQuery数据设置元素属性()

Question

我在从JavaScript更新元素时​​遇到问题.我的项目相当复杂,但这里只是一小部分:

myWebService(/*...*/)
.done(function (result) {
    var newRows = $(rows).clone();
    $('#drop-placeholder').after(newRows);
    $(newRows).data('test', 'ZZZZZZZZZZZZZZZZZZZZZZZ');
}

使用Chrome,我可以看到这些语句执行.但是,newRows在监视窗口中,我可以看到该属性永远不会被添加/更新.而且,确实,在完成调用后,我在页面上看不到指定的属性.

任何人都可以看到我可能会失踪的东西.rows(因此newRows)表示任意数量的表行元素.

Answer 1

.data() 设置纯粹由jQuery处理的后台数据 - 它不设置HTML属性.

如果您想设置一个属性,例如data-test在<div data-test="stuff"></div>你需要使用.attr("data-test", variable).