La función text() funciona igual que html() con la diferencia de que no acepta etiquetas HTML. Es útill cuando solamente quieres remplazar el texto de una etiqueta. Para un ejemplo de esta función usaré el mismo que el post anterior de esta serie.
|
1 2 3 4 5 |
<div id="contenedor"> <div id="errores"> <p>Tienes un campo incompleto.</p> </div> </div> |
Para cambiar el texto de <p> bastaría con la siguiente línea de jQuery.
|
1 |
$('#errores p').text("Ahora no hay errores."); |
El código quedaría de la siguiente forma
|
1 2 3 4 5 |
<div id="contenedor"> <div id="errores"> <p>Ahora no hay errores.</p> </div> </div> |
De esta manera sólo cambiaría el texto del <p>. Si se intenta meter código HTML en la función text(), jQuery lo codifica. Esto significa que si pones <p> se traduce como <p> pero, verías la etiqueta <p>. Esto es ideal si quisieras mostrar las etiquetas HTML con sus atributos en una página.
Múltiples elementos
Hay que tener en cuenta que la función text() le sucede lo mismo que a html(), en caso de que se quiera obtener el texto de varios elementos, sólo se obtendría el primero de ellos. Sin embargo, si se quiere modificar el texto de múltiples elementos todos se verán afectados. Por ejemplo, si tuvieras varios <p> en una página y realizas el siguiente código
|
1 |
$('p').text(); |
Sólo se obtendría el texto del primer párrafo y se modificarían todos en caso de cambiar el texto.
Y hasta aquí el post de hoy, espero que os haya gustado. Buen finde 🙂