forum

Home / DeveloperSection / Forums / Remove a property of an element via jQuery

Ask Question

Remove a property of an element via jQuery

Ethan Karla 308 29-Jul-2021

How to remove a property of an element via jQuery?

jquery jquery 
Updated on 12-Jun-2023
Ethan Karla

Ethan Karla

Follow
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.

Can you answer this question?

Answer

1 Answers

Aryan Kumar

Aryan Kumar

12-Jun-2023

Sure, here is how to remove a property of an element via jQuery:

Code snippet

// Get the element.
var element = $("#element");

// Remove the property.
element.removeProp("property");

For example, to remove the disabled property from an element, you would use the following code:

Code snippet

// Get the element.
var element = $("#element");

// Remove the property.
element.removeProp("disabled");

This will remove the disabled property from the element, and the element will no longer be disabled.

Here is a complete code example:

Code snippet

<!DOCTYPE html>
<html>
<head>
<title>Remove Property</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(function() {
  // Get the element.
  var element = $("#element");

  // Remove the property.
  element.removeProp("disabled");
});
</script> </head> <body> <input type="text" id="element" disabled> </body> </html>

This code will create a text input element and will disable it. When the page loads, the disabled property will be removed from the element, and the element will no longer be disabled.

Liked By