Come posso aggiungere un attributo in tag HTML specifici in jQuery?
Ad esempio, come questo semplice HTML:
<input id="someid" />
Quindi aggiungendo un attributo disabled = "true" in questo modo:
<input id="someid" disabled="true" />
Come posso aggiungere un attributo in tag HTML specifici in jQuery?
Ad esempio, come questo semplice HTML:
<input id="someid" />
Quindi aggiungendo un attributo disabled = "true" in questo modo:
<input id="someid" disabled="true" />
Risposte:
Puoi aggiungere attributi usando attr
così:
$('#someid').attr('name', 'value');
Tuttavia, per proprietà DOM come checked
, disabled
e readonly
, il modo corretto per farlo (a partire da JQuery 1.6) è usare prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
non funziona, ma $('#someid').attr('disabled', true);
funziona bene.
attr
o prop
, è importante comprendere la differenza tra proprietà e attributi. Senza capire la differenza, è probabile che si verifichino comportamenti imprevisti. Vedi stackoverflow.com/a/6004028/3367343
soluzione migliore: da jQuery v1.6 è possibile utilizzare prop () per aggiungere una proprietà
$('#someid').prop('disabled', true);
per rimuoverlo, utilizzare removeProp()
$('#someid').removeProp('disabled');
Si noti inoltre che il metodo .removeProp () non deve essere utilizzato per impostare queste proprietà su false. Una volta rimossa una proprietà nativa, non può essere aggiunta di nuovo. Vedi .removeProp () per maggiori informazioni.
Puoi farlo con la .attr
funzione di jQuery , che imposterà gli attributi. La loro rimozione avviene tramite la .removeAttr
funzione.
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
Aggiungi attributo come:
$('#Selector_id').attr('disabled',true);
Questo potrebbe essere più utile ....
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
.attr()
per impostarlo o leggerlo. Vedere il paragrafo "Attributi e proprietà" in .prop () e .attr () nei documenti jQuery. Vedi anche la risposta di Paul Rosania sopra.
$('#yourid').prop('disabled', true);
usa questo codice <script> $('#someid').attr('disabled,'true'); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
testo all'interno del simbolo $ seleziona tutti gli elementi con id = someid, l'attributo disabilitato di questo id cambia in true