Estaba escribiendo código jQuery para una respuesta aquí.
El código lee un archivo JSON con diferentes claves y de forma dinámica asigna cada valor a los inputs de un formulario usando val()
. Algo así:
$.each(value, function(key, value){
$('#'+key).val(value);
});
El problema es que también tengo en el DOM un <div id="error"></div>
para mostrar mensajes de error, cuando el JSON venga con una clave llamada error
... pero mi bucle anterior no me sirve, ya que no puedo usar val()
en caso de que sea un div
.
Tuve entonces que recurrir a text
y modificar mi código de esta forma:
/*Mostramos posibles errores*/
if(value.hasOwnProperty('error')){
$('#error').text(value["error"]);
}else{
$.each(value, function(key, value){
$('#'+key).val(value);
});
}
Me surgió entonces la pregunta sobre la diferencia entre esos métodos que existen en jQuery para asignar valores a los elementos: val()
, text()
y html()
.
¿Por qué por ejemplo no puedo usar val()
para mostrar mis mensajes en el div
? ¿Cuál es el motivo para que funcionen distintamente?