¿Cómo cambiar el valor del texto dentro de un elemento?

1 minuto de lectura

Avatar de usuario de Yusaf Khaliq
Yusaf Jaliq

¿Cómo se cambia el texto para todos dentro de la a a

sigue leyendo

usando jquery

<div class="post-read">
<a href="http://www.google.com">Read More</a>
</div>

avatar de usuario de alex
Alex

Hágalo con jQuery dentro de un controlador listo para documentos ($(fn))…

$('.post-read a').text('continue reading');

jsviolín.

Por el bien de eso, aquí está cómo hacerlo sin jQuery….

var anchor = document.getElementsByClassName('post-read')[0].getElementsByTagName('a')[0],
    textProperty;

if (anchor.textContent) {
    textProperty = 'textContent';
} else if (anchor.innerText) {
    textProperty = 'innerText';
}
anchor[textProperty] = 'continue reading';

jsviolín.

Esto funcionará bien para su pieza de HTML, pero no es demasiado genérica.

Si no te importa la configuración innerText propiedad, podría usar…

anchor.textContent = anchor.innerText="continue reading";

Aunque no lo recomendaría.

  • ¿Es eso un error tipográfico o realmente podemos usar más de un signo de igualdad al asignar (consulte el último bloque de código en su respuesta :))?

    – ajedrez_madridista

    20 de abril de 2022 a las 6:23


Esto debería hacerlo:

$('.post-read a').html('continue reading');

$('.post-read a').html("continue reading")

Avatar de usuario de Hady Elsahar
hady elsahar

A través de la propiedad de texto en jQuery que cambia el texto interno del <tag>

$(document).ready(function () {
    $('.postread a').text("your new text here ");
}

¿Ha sido útil esta solución?