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

Contents

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

Also Read This 👉 Ajax Autocomplete Live Search Suggestion using PHP MySQL

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

Also Read This 👉 How to Auto Calculate form field in Javascript?

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: