Como posso adicionar um atributo em tags HTML específicas no jQuery?
Por exemplo, como este HTML simples:
<input id="someid" />
Em seguida, adicionando um atributo disabled = "true" assim:
<input id="someid" disabled="true" />
Como posso adicionar um atributo em tags HTML específicas no jQuery?
Por exemplo, como este HTML simples:
<input id="someid" />
Em seguida, adicionando um atributo disabled = "true" assim:
<input id="someid" disabled="true" />
Respostas:
Você pode adicionar atributos usando attr
o seguinte:
$('#someid').attr('name', 'value');
No entanto, para propriedades DOM como checked
, disabled
e readonly
, a maneira correta de fazer isso (a partir do JQuery 1.6) é usar prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
não funciona, mas $('#someid').attr('disabled', true);
funciona bem.
attr
ou prop
, é importante entender a diferença entre propriedades e atributos. Sem entender a diferença, é provável que você tenha um comportamento inesperado. Veja stackoverflow.com/a/6004028/3367343
melhor solução: do jQuery v1.6, você pode usar prop () para adicionar uma propriedade
$('#someid').prop('disabled', true);
para removê-lo, use removeProp()
$('#someid').removeProp('disabled');
Observe também que o método .removeProp () não deve ser usado para definir essas propriedades como false. Depois que uma propriedade nativa é removida, ela não pode ser adicionada novamente. Veja .removeProp () para mais informações.
Você pode fazer isso com a .attr
função do jQuery , que definirá atributos. A remoção deles é feita através da .removeAttr
função
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
Adicionar atributo como:
$('#Selector_id').attr('disabled',true);
Isso poderia ser mais útil ....
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
.attr()
para definir ou ler. Veja o parágrafo "Atributos vs. Propriedades" em .prop () e .attr () nos documentos do jQuery. Veja também a resposta de Paul Rosania acima.
$('#yourid').prop('disabled', true);
use este código <script> $('#someid').attr('disabled,'true'); </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
de texto dentro de $ símbolo selecionar todo elemento com id = someid, atributo disabled desta mudança id a verdade