Wie kann ich bestimmten HTML-Tags in jQuery ein Attribut hinzufügen?
Zum Beispiel wie dieser einfache HTML:
<input id="someid" />
Fügen Sie dann ein Attribut disabled = "true" wie folgt hinzu:
<input id="someid" disabled="true" />
Wie kann ich bestimmten HTML-Tags in jQuery ein Attribut hinzufügen?
Zum Beispiel wie dieser einfache HTML:
<input id="someid" />
Fügen Sie dann ein Attribut disabled = "true" wie folgt hinzu:
<input id="someid" disabled="true" />
Antworten:
Sie können Attribute attr
wie folgt hinzufügen :
$('#someid').attr('name', 'value');
Doch für DOM - Eigenschaften wie checked
, disabled
und readonly
die richtige Art und Weise , dies zu tun (wie von JQuery 1.6) zu verwenden prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
funktioniert das nicht, aber es $('#someid').attr('disabled', true);
funktioniert gut.
attr
oder verwenden möchten prop
, ist es wichtig, den Unterschied zwischen Eigenschaften und Attributen zu verstehen. Ohne den Unterschied zu verstehen, werden Sie wahrscheinlich auf unerwartetes Verhalten stoßen. Siehe stackoverflow.com/a/6004028/3367343
Beste Lösung: Ab jQuery v1.6 können Sie mit prop () eine Eigenschaft hinzufügen
$('#someid').prop('disabled', true);
Verwenden Sie zum Entfernen removeProp()
$('#someid').removeProp('disabled');
Beachten Sie außerdem, dass die Methode .removeProp () nicht verwendet werden sollte, um diese Eigenschaften auf false zu setzen. Sobald eine native Eigenschaft entfernt wurde, kann sie nicht mehr hinzugefügt werden. Weitere Informationen finden Sie unter .removeProp ().
Sie können dies mit der .attr
Funktion von jQuery tun, mit der Attribute festgelegt werden. Das Entfernen erfolgt über die .removeAttr
Funktion.
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
Attribut hinzufügen als:
$('#Selector_id').attr('disabled',true);
Dies könnte hilfreicher sein ....
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
.attr()
um es einzustellen oder zu lesen. Siehe den Abschnitt "Attribute vs. Eigenschaften" unter .prop () und .attr () in den jQuery-Dokumenten. Siehe auch die Antwort von Paul Rosania oben.
$('#yourid').prop('disabled', true);
Verwenden Sie diesen Code <script> $('#someid').attr('disabled,'true'); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Fügen Sie einfach den jQuery-Link nach dem Schreiben des Codes ein. Text innerhalb des $ -Symbols Wählen Sie alle Elemente mit id = someid aus. Das deaktivierte Attribut dieser ID ändert sich in true