removeData 메서드

removeData 메서드를 사용하면 data 메서드로 설정한 값을 삭제할 수 있습니다.

문법

키 이름을 인수로 전달하여 호출하면 해당 키에 저장된 값을 삭제합니다:

.removeData(키 이름);

또한, 배열 형태의 목록이나 키 이름을 공백으로 구분한 문자열을 메서드에 전달하여 여러 값을 한 번에 삭제할 수도 있습니다:

.removeData(목록);

매개변수를 전달하지 않으면 모든 데이터가 삭제됩니다:

.removeData();

예제

data를 사용하여 p 태그에 키 이름 'test'와 값 21을 설정한 다음, removeData를 사용하여 다시 삭제해 보겠습니다:

<p>텍스트</p>

$('p').data('test', 21); // 데이터 저장
console.log($('p').data('test')); // 21 출력

$('p').removeData('test'); // 'test'에 대한 데이터 삭제
console.log($('p').data('test')); // undefined 출력

함께 보기

data 메서드,
요소에 데이터를 쓰거나 읽을 수 있게 해줍니다.
hasData 메서드,
요소에 데이터가 있는지 확인합니다.
JavaScript removeAttribute 메서드,
태그의 지정된 속성을 삭제할 수 있게 해줍니다.