Comment puis-je ajouter un attribut dans des balises HTML spécifiques dans jQuery?
Par exemple, comme ce simple HTML:
<input id="someid" />
Ajouter ensuite un attribut désactivé = "vrai" comme ceci:
<input id="someid" disabled="true" />
Comment puis-je ajouter un attribut dans des balises HTML spécifiques dans jQuery?
Par exemple, comme ce simple HTML:
<input id="someid" />
Ajouter ensuite un attribut désactivé = "vrai" comme ceci:
<input id="someid" disabled="true" />
Réponses:
Vous pouvez ajouter des attributs en utilisant attr
comme ceci:
$('#someid').attr('name', 'value');
Cependant, pour les propriétés DOM comme checked
, disabled
et readonly
, la bonne façon de le faire (à partir de JQuery 1.6) est d'utiliser prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
ça ne marche pas, mais ça $('#someid').attr('disabled', true);
marche bien.
attr
ou prop
, il est important de comprendre la différence entre les propriétés et les attributs. Sans comprendre la différence, vous risquez de rencontrer un comportement inattendu. Voir stackoverflow.com/a/6004028/3367343
meilleure solution: à partir de jQuery v1.6, vous pouvez utiliser prop () pour ajouter une propriété
$('#someid').prop('disabled', true);
pour le retirer, utilisez removeProp()
$('#someid').removeProp('disabled');
Notez également que la méthode .removeProp () ne doit pas être utilisée pour définir ces propriétés sur false. Une fois qu'une propriété native est supprimée, elle ne peut plus être ajoutée. Voir .removeProp () pour plus d'informations.
Vous pouvez le faire avec la .attr
fonction de jQuery , qui définira les attributs. Leur suppression se fait via la .removeAttr
fonction.
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
Ajouter un attribut en tant que:
$('#Selector_id').attr('disabled',true);
Cela pourrait être plus utile ...
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
.attr()
pour le définir ou le lire. Voir le paragraphe "Attributs vs Propriétés" sous .prop () et .attr () dans les documents jQuery. Voir également la réponse de Paul Rosania ci-dessus.
$('#yourid').prop('disabled', true);
utilisez ce code <script> $('#someid').attr('disabled,'true'); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Texte à l'intérieur de $ symbol sélectionnez tous les éléments avec id = someid, l'attribut désactivé de cet id passe à true