「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>
<!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>
<!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>