jQuery | removeData() with Examples
The removeData() is an inbuilt method in jQuery which is used to remove those data which are previously set with the data() method.
Syntax:
$(selector).removeData(args);
Here “selector” is the selected element whose previously set data get removed.
Parameter: It accepts an optional parameter “args” which specifies the name of the data to remove for the selected element.
Return Value : It returns the selected element with removed data.
jQuery code to show the working of removeData() method:
Code #1:
In the below code, the data get removed by removeData() method set by the data() method.
< html >
< head >
</ script >
< script >
$(document).ready(function() {
$("#b1").click(function() {
$("div").data("greeting", "Hello Everyone !");
alert("GeeksforGeeks says : " + $("div").
data("greeting"));
});
$("#b2").click(function() {
$("div").removeData("greeting");
alert("Greeting is: " + $("div").
data("greeting"));
});
});
</ script >
< style >
#b1,
#b2 {
padding: 10px;
margin: 20px;
background-color: green;
}
</ style >
</ head >
< body >
< button id = "b1" >Click here to add data to
div element</ button >
< br >
< button id = "b2" >Click here to Remove data
from div element</ button >
< div ></ div >
</ body >
</ html >
|
Output:
After attaching the data-
After removing the data-
Last Updated :
13 Feb, 2019
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...