javascript - 如何完全替换 HTML 元素上的数据对象

Question

有没有更快的方法来替换元素数据对象中的所有内容？

//get old data keys to delete
var old_data = $(".f")[0].dataset;

for (var key in old_data){
  delete old_data[key];
}
//new data to attach to `.f` element
var new_data = $(".s")[0].dataset;

for (var key in new_data){
  $(".f").data(key, new_data[key]);
}

console.log($(".f").data());

我尝试过更简洁的变体，例如

  //errors
  $(".f").data() = {};
  $(".f").data(new_data);

  //doesn't delete old keys/values
  var new_data = $(".s").data();
  $(".f").data(new_data);

有没有更快的方法来做到这一点？

Answer 1

您需要同时使用 jQuery .removeData和 jQuery .removeAttr() API。

.removeData( [list] ); 
.removeAttr( [name] );

[list] - An array or space-separated string naming the pieces of data to delete. When called with no arguments, .removeData() removes all values.

更新

自 .removeAttr( [name] ) “强制”你一次移除一件你也可以使用:

.removeData( [name] );

请记住[name]形式为 data-<name>和 <name>分别。例如删除 data-myid使用:

.removeAttr( 'data-myid' ); //and 
.removeData( 'myid' );