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

 

jQuery

Posted by arkgame