javascript - 如何将所有数据属性复制到元素？

Question

美好的一天，我有一些数据属性的 HTML 对象。但我想将所有属性复制到另一个项目。例如：

<div data-attr-one="here is the data">content</div> <!-- This is an original item -->

<ul class="copied"></ul> <!-- This is a new item without data-attrs -->

我需要在ul项目中有一个数据属性。

Answer 1

尝试这个，

 var $div = $("div");
 var $ul = $("ul");

 var attributes = $div.prop("attributes");

 // loop through <select> attributes and apply them on <div>
 $.each(attributes, function() {
   $ul.attr(this.name, this.value);
 });

http://jsfiddle.net/eSrv9/