วิธีการ removeData

วิธีการ removeData ช่วยให้เรา ลบค่าที่ตั้งไว้โดยใช้วิธีการ data.

ไวยากรณ์

เมื่อเรียกใช้เมธอดด้วยชื่อคีย์ เราจะลบค่า ที่เก็บไว้ในออบเจ็กต์ด้วยคีย์ดังกล่าว:

.removeData(ชื่อคีย์);

เรายังสามารถส่งรายการให้กับเมธอดในรูปแบบของอาร์เรย์ หรือสตริง โดยที่ชื่อคีย์คั่นด้วยช่องว่าง เพื่อ ลบหลายค่าในครั้งเดียว:

.removeData(รายการ);

หากไม่ส่งพารามิเตอร์ใด ๆ ให้กับเมธอด เราจะลบข้อมูลทั้งหมด:

.removeData();

ตัวอย่าง

เรามาตั้งข้อมูลสำหรับ แท็ก p ด้วย data โดยส่งชื่อคีย์ '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,
ซึ่งช่วยให้ลบ แอตทริบิวต์ที่กำหนดจากแท็กได้