Jquery clone() 不会用 data() 克隆新值集答案

【问题标题】：Jquery clone() doesn't clone new value set wit data()Jquery clone() 不会用 data() 克隆新值集
【发布时间】：2013-12-17 11:27:44
【问题描述】：

使用 jquery data() 设置元素的数据属性，如下所示：

HTML：

<div id="some-el" data-number="0"></div>

JQ：

$("#some-el").data("number",1);

众所周知，数据在内部会发生变化。所以在检查器内部你实际上看不到新值是 1。但除此之外，如果我用新数据值克隆元素，jquery 会克隆没有当前数据值的原始 dom 元素！！！

$("#some-el").clone();

在内部和可见的<div id="some-el" data-number="0"></div> 中产生结果！

我想我可以通过简单地使用attr("data-number",1);来避免这个问题

无论如何，我想问你这是否是 dat() 的正确行为？我看到的是预期的吗？为什么？

【问题讨论】：

【解决方案1】：

我认为 clone 可以接受一个布尔值来表示带有数据和事件的克隆，所以 Clone(true) 应该可以工作：http://api.jquery.com/clone/

这是一个有效的小提琴：http://jsfiddle.net/2pdNL/

【讨论】：

【解决方案2】：

.data() 没有在 DOM 中设置值。

data- 属性是在 第一次数据属性是被访问，然后不再被访问或变异（所有数据值然后存储在 jQuery 内部）

但这里有一个解决方法，而不是使用

$("#some-el").data("number",1);

直接与 DOM 交互

$("#some-el").attr("data-number",1);

也可以查看answer

【讨论】：