¿Cómo puedo agregar un atributo en etiquetas HTML específicas en jQuery?
Por ejemplo, como este HTML simple:
<input id="someid" />
Luego, agregue un atributo disabled = "true" como este:
<input id="someid" disabled="true" />
¿Cómo puedo agregar un atributo en etiquetas HTML específicas en jQuery?
Por ejemplo, como este HTML simple:
<input id="someid" />
Luego, agregue un atributo disabled = "true" como este:
<input id="someid" disabled="true" />
Respuestas:
Puede agregar atributos usando attr
así:
$('#someid').attr('name', 'value');
Sin embargo, para propiedades DOM como checked
, disabled
y readonly
, la forma correcta de hacer esto (a partir de JQuery 1.6) es usar prop
.
$('#someid').prop('disabled', true);
$('#someid').prop('disabled', true);
no funciona, pero $('#someid').attr('disabled', true);
funciona bien.
attr
o prop
, es importante comprender la diferencia entre propiedades y atributos. Sin entender la diferencia, es probable que te encuentres con un comportamiento inesperado. Ver stackoverflow.com/a/6004028/3367343
La mejor solución: desde jQuery v1.6 puede usar prop () para agregar una propiedad
$('#someid').prop('disabled', true);
para eliminarlo, use removeProp()
$('#someid').removeProp('disabled');
También tenga en cuenta que el método .removeProp () no debe usarse para establecer estas propiedades en falso. Una vez que se elimina una propiedad nativa, no se puede volver a agregar. Ver .removeProp () para más información.
Puede hacer esto con la .attr
función de jQuery , que establecerá atributos. Eliminarlos se realiza a través de la .removeAttr
función.
//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);
//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");
$('#someid').attr('disabled', 'true');
Añadir atributo como:
$('#Selector_id').attr('disabled',true);
Esto podría ser más útil ...
$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');
.attr()
para configurarlo o leerlo. Consulte el párrafo "Atributos vs. Propiedades" en .prop () y .attr () en los documentos de jQuery. También vea la respuesta de Paul Rosania arriba.
$('#yourid').prop('disabled', true);
usa 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>
Texto dentro del símbolo $ seleccione todos los elementos con id = someid, el atributo deshabilitado de este cambio de id a verdadero