「jQuery」removeData()メソッドで要素からデータを削除するサンプル
書式
removeData(DOM要素、プロパティ名)
data(プロパティ名)
使用例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#btnA").click(function(){ $(".kf").data("cft", "study skill in arkgame.com"); alert("Greeting is: " + $(".kf").data("cft")); }); $("#btnB").click(function(){ alert("削除前: " + $(".kf").data("cft")); $(".kf").removeData("cft"); alert("削除後: " + $(".kf").data("cft")); }); }); </script> </head> <body> <button id="btnA">Attach</button><br> <button id="btnB">Remove</button> <div class="kf">1111</div> </body> </html>