javascript - jquery .html() 函数不给数据属性设置值

Question

我有一段 js 代码，它采用元素的 html 代码，以便将其发送到服务器端进行保存。 html 本身是动态生成的，其中的每个元素都有一个 data-target 属性，该属性也是动态设置的。所以在发送要保存的 html 字符串之前，使用 jquery 的 .html() 如下:

var SaveString = $('#ElementID').html();

我得到的 html 不包含每个子元素的 data-target 属性的值，而是显示为空白

data-target=""

任何人都可以知道那里发生了什么？

Answer 1

这是因为当您使用 data() 方法来存储带有元素的信息时，它存储在一个 jQuery 内部用作缓存的对象中。信息不会添加到 DOM。

如果你想给DOM添加data-*属性，你需要使用attr()来设置它，例如:

$element.attr('data-target', 'foo');

当您检索父元素的 html() 时，它将可以访问。

Example fiddle