How can I add an attribute into specific HTML tags in jQuery?
For example, like this simple HTML:
<input id="someid" />
Then adding an attribute disabled="true" like this:
<input id="someid" disabled="true" />
-
possible duplicate of How to add an HTML attribute with jQueryChris Laplante– Chris Laplante2012-11-09 15:16:09 +00:00Commented Nov 9, 2012 at 15:16
Add a comment
|
11 Answers
You can add attributes using attr like so:
$('#someid').attr('name', 'value');
However, for DOM properties like checked, disabled and readonly, the proper way to do this (as of JQuery 1.6) is to use prop.
$('#someid').prop('disabled', true);
4 Comments
Vukašin Manojlović
For me
$('#someid').prop('disabled', true); doesn't work, but $('#someid').attr('disabled', true); works fine.
sstauross
Agree with @VukašinManojlović.. for me the same.
Travis Hohl
Before you decide whether you're going to use
attr or prop, it's important to understand the difference between properties and attributes. Without understanding the difference, you're likely to run into unexpected behavior. See stackoverflow.com/a/6004028/3367343
StealthTrails
can prop be used as a replacement for attr now? or it is used in some special cases only?
best solution: from jQuery v1.6 you can use prop() to add a property
$('#someid').prop('disabled', true);
to remove it, use removeProp()
$('#someid').removeProp('disabled');
Also note that the .removeProp() method should not be used to set these properties to false. Once a native property is removed, it cannot be added again. See .removeProp() for more information.
Comments
You can do this with jQuery's .attr function, which will set attributes. Removing them is done via the .removeAttr function.
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
2 Comments
BoatCode
Bonus for including the remove function!
Joanne Fsadni
IT DOESNT WORK!
$('#someid').attr('disabled', 'true');
Comments
$('#someid').attr('disabled', 'true');
answered May 13, 2011 at 17:32
e382df99a7950919789725ceeec126
6,0215 gold badges34 silver badges56 bronze badges
Comments
Add attribute as:
$('#Selector_id').attr('disabled',true);
Comments
$('.some_selector').attr('disabled', true);
Comments
Use this code:
<script>
$('#someid').attr('disabled', 'true');
</script>
2 Comments
mooga
it would be nicer if you could have some explanation
Vildan Bina
Just include jQuery link after write code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> Text inside $ symbol select all element with id = someid , disabled attribute of this id change to trueThis could be more helpfull....
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
1 Comment
jkdev
Attributes and properties aren't exactly the same. For example, "id" is an attribute, not a property. You use
.attr() to set or read it. See the paragraph "Attributes vs. Properties" under .prop() and .attr() in the jQuery docs. Also see Paul Rosania's answer above.$('#yourid').prop('disabled', true);
Comments
If you are trying to use removeProp() for "checked", "disabled" or "selected", it might not work. To remove property use prop with 'false' parameter.
$('.my-input').prop('disabled', true); //adding property
$('.my-input').prop('disabled', false); //removing property
documentation: https://api.jquery.com/removeprop/
