Wie ändere ich den Textwert innerhalb eines Elements?

Lesezeit: 1 Minute

Benutzeravatar von Yusaf Khaliq
Yusaf Khaliq

Wie ändert man den Text für alle innerhalb der a Zu

Weiterlesen

mit jquery

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

Benutzer-Avatar von Alex
Alex

Machen Sie es mit jQuery innerhalb eines Document-Ready-Handlers ($(fn))…

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

jsFiddle.

Der Einfachheit halber erfahren Sie hier, wie es ohne jQuery geht….

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.

Dies wird für Ihr HTML-Stück gut funktionieren, ist aber nicht zu allgemein.

Wenn Ihnen die Einstellung egal ist innerText Eigentum, das Sie nutzen könnten…

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

Ich würde es jedoch nicht empfehlen.

  • Ist das ein Tippfehler oder können wir beim Zuweisen wirklich mehr als ein Gleichheitszeichen verwenden (siehe letzten Codeblock in Ihrer Antwort :))?

    – chess_madridista

    20. April 2022 um 6:23


Das sollte reichen:

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

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

Hady Elsahars Benutzeravatar
Hady Elsahar

Durch die Texteigenschaft in jQuery, die den inneren Text des ändert <tag>

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

1452230cookie-checkWie ändere ich den Textwert innerhalb eines Elements?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy