jquery remove data attribute – Removing data attributes from HTML using jQuery?

jquery remove data attribute Setting, getting, and removing data attributes Examples with demo. jQuery removeData() Method. The jQuery removeData() method can used to removes data attribute previously set on HTML elements.

jquery remove data attribute

The removeAttr() method removes one or more attributes from the selected elements.

Syntax. $(selector).removeAttr(attribute). Parameter, Description.
Syntax

$(selector).removeData(name);

JQuery Remove Data Attribute Value Example

index.html

<!DOCTYPE html>
<html>
<head>
  <style>
  div { margin:2px; color:blue; }
  span { color:red; }
  </style>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> 
</head>
<body>
  <div>pakainfo before updated: <span></span></div>
  <div>pakainfo after updated: <span></span></div>
  <div>pakainfo after deleted: <span></span></div>
  <div>infinityknow after deleted: <span></span></div>
<script>
    $("span:eq(0)").text("" + $("div").data("test1"));
    $("div").data("test1", "VALUE-1");
    $("div").data("test2", "VALUE-2");
 
    $("span:eq(1)").text("" + $("div").data("test1"));
    $("div").removeData("test1");
     
    $("span:eq(2)").text("" + $("div").data("test1"));
    $("span:eq(3)").text("" + $("div").data("test2"));
</script>
</body>
</html>

Results

pakainfo before updated:

pakainfo after updated:

pakainfo after deleted:

infinityknow after deleted:

don’t Miss : Remove Required Attribute Jquery

I hope you get an idea about jquery remove data attribute.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.