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

를 참조하십시오.

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

[목록] - 배열하거나 삭제 된 데이터의 피스 명명 공간 분리 된 문자열. 인수없이 호출하면 .removeData()가 값을 모두 제거합니다.

UPDATE

.removeAttr([name]) '힘'한 번에 한 조각을 제거하는 당신이뿐만 아니라 사용할 수 있기 때문에 :

.removeData([name]); 

가 [name] 양식 data-<name>의 것을 명심하시기 바랍니다 및 각각 <name>. 인스턴스가 data-myid 사용을 제거하려면 :

칼 - AndréGagnon 불행하게도 만 jQuery를 명시 적으로 설정 데이터 속성을 제거하는 것 같다 @

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

Answer 2

jQuery builinfunction jQuery.removeData(element [, name ])이 있습니다.

참조에게 당신은 jQuery .removeData 및 jQuery .removeAttr() API를 모두 사용할 필요가 here