将javascript对象传递给DOM元素数据属性

Question

如果我从一个DOM元素中获取所有数据属性，这是将它传递给另一个元素的最有效方法吗？ 需要传递的数据属性示例：

Object {avatar: "...", lname: "...", fname: "...", username: "..."}

Answer 1

您可以将data方法与对象一起使用，将对象中的所有属性设置为数据值：

$('#SomeElement').data(obj);

您可以将所有数据作为对象复制，从而将数据从一个元素复制到另一个元素，并使用它来设置数据：

$('#SomeElement').data($('#SourceElement').data());

演示：

＆＃13;

＆＃13;

$('#div2').data($('#div1').data());
// show in Stackoverflow snippet
document.write(JSON.stringify($('#div2').data()));

＆＃13;

<div id="div1" data-avatar="42" data-lname="Pan" data-fname="Peter" data-username="peterpan07"></div>
<div id="div2"></div>

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

＆＃13;

＆＃13;

＆＃13;