Jquery Remove Data Attribute

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.

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.

jquery remove data attribute

JQuery Remove Data Attribute Value Example

Related posts: