Как изменить значение текста в элементе?

Question

Как изменить текст для всех в пределах a на

продолжить чтение

с помощью jquery

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

Answer 1

Сделайте это с помощью jQuery внутри обработчика готовых документов ($(fn)) ...

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

jsFiddle .

Ради этого,вот как это сделать без 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';

jsFiddle .

Это будет хорошо работать для вашего фрагмента HTML, но это не такслишком универсальный.

Если вам не нужна настройка свойства innerText, вы можете использовать ...

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

Я бы не рекомендовал его.

Answer 2

Это должно сделать это:

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

Answer 3

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

Answer 4

Через свойство text в jQuery, которое изменяет внутренний текст <tag>

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