Bug with .clone() data types

[jlevene]

According to jquery documentation, a data attribute is an object, however .clone() converts these to a "[object]" string.

example:

$(element).data("stuff", {"field1":"1", "field2":"2"});
cloned = $(element).clone();
alert(JSON.stringify(cloned.data("stuff"));

Also creating an element using jquery converts the data to a string as well.

$("<div>", {
"data-stuff" : {"field1":"1", "field2":"2"})
.appendTo(body);
alert(JSON.stringify($("div").data("stuff"));

[dmethvin]

I'm not sure I'm understanding the problem here. Can you provide a jsfiddle.net example with expected/actual results?

[Rick Waldron]

$(element).data("stuff", {"field1":"1", "field2":"2"});
cloned = $(element).clone();
alert(JSON.stringify(cloned.data("stuff"));

There are a few things wrong here:

• Data isn't cloned unless explicitly instructed: ​http://jsfiddle.net/rwaldron/b0ut0pkp/
• clone does not serialize data: ​https://github.com/jquery/jquery/blob/master/src/manipulation.js#L114-L120
• There is a syntax error, but that's irrelevant

$("<div>", {
 "data-stuff" : {"field1":"1", "field2":"2"})
 .appendTo(body);
alert(JSON.stringify($("div").data("stuff"));

This isn't a jQuery bug. Attribute properties provided by a context object are subject to the rules of HTML, so the same would happen if you wrote:

var div = document.createElement("div");
div.dataset.stuff = {"field1":"1", "field2":"2"};