Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

home / developersection / forums / add or remove data using jquery
Ask Question

Add or remove data using jQuery

Ethan Karla 358 28 Jul 2021

How to add or remove data using jQuery?

jquery jquery
Updated 28 Nov 2023
Ethan Karla
Ethan Karla

Student

An enthusiastic, adaptive, and fast-learning person with a broad and acute interest in the discovery of new innovative drugs, I particularly enjoy collaborating with scientists from different disciplines to develop new skills and solve new challenges.

Message

1 Answers

Aryan Kumar
Aryan Kumar 28 Nov 2023
Report Abuse

Certainly! jQuery provides methods to add or remove data to/from elements. Let's use the data() method to add and remove data from an element. Here's an example:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Add or Remove Data with jQuery</title>
  <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>

  <div id="myDiv">This is a div element.</div>

  <script>
    $(document).ready(function(){
      // Adding data to the element
      $("#myDiv").data("key", "This is some additional data.");

      // Getting and displaying the added data
      var addedData = $("#myDiv").data("key");
      console.log("Added Data:", addedData);

      // Removing the added data
      $("#myDiv").removeData("key");

      // Attempting to get the removed data (will be undefined)
      var removedData = $("#myDiv").data("key");
      console.log("Removed Data:", removedData);
    });
  </script>

</body>
</html>

In this example:

  • The data() method is used to add data with a specific key to the element with the ID "myDiv."
  • The added data is then retrieved and displayed in the console.
  • The removeData() method is used to remove the data associated with the specified key.
  • An attempt is made to get the removed data, and it will be undefined.

Feel free to adapt this example based on your specific requirements and the type of element you are working with.

advertising