Wie ändere ich den Inhalt der Span mit jQuery?

Lesezeit: 2 Minuten
<span class="stbuttontext" st_page="home">ShareThis</span>

Ich möchte “Share This” in “Share” ändern,

bitte teilen Sie mir die Lösung mit.

danke,

  • Denken Sie daran, eine Antwort zu akzeptieren, indem Sie auf ein Häkchen klicken.

    – Christoph Altmann

    12. April 2010 um 14:27 Uhr

  • @ChristopherAltman und upvote es (nach Belieben).

    – Pathos

    29. Juni 2015 um 15:28 Uhr

Sie können entweder mit:

$('.stbuttontext').text('Share');

zum textlich Inhalt bzw

$('.stbuttontext').html('Share');

zum html Inhalt.

In Ihrem Fall sollte die erste Aussage jedoch in Ordnung sein 🙂

Benutzer-Avatar
Christoph Altmann

Dies ist meine Art zu überlegen, wann .html() vs. .text() verwendet werden sollte.

Verwenden Sie .html(), wenn Sie dem zu ersetzenden Text ein Styling mit HTML-Tags hinzufügen möchten, wie zum Beispiel:

$('.stbuttontext').html('<strong>Share</strong>');

Dies ist oft nützlich, wenn Sie eine Fehlermeldung anzeigen, weil Sie vielleicht eine Klasse hinzufügen möchten, um die Farbe des Textes zu ändern.

$('#error').html('<span class="errortext red"><strong>Error:</strong> <em>Fix your email address</em></span>');`

Verwenden Sie .text(), wenn Sie einfach nur den Text ändern möchten.

Wenn Sie also das obige Beispiel mit .text gemacht haben:

$('#error').text('<span class="errortext red"><strong>Error:</strong> <em>Fix your email address</em></span>');

Der Text, den der Benutzer auf der Webseite sehen wird, ist (ohne die Leerzeichen in den Tags konnte ich nicht herausfinden, wie er mit diesem Markdown-Editor funktioniert).

< span class="errortext red">< strong>Fehler: < em>Korrigieren Sie Ihre E-Mail-Adresse< /em>< /span>

und dieser Text ist nicht rot oder hat fetten oder kursiven Text.

$('.stbuttontext').html('Share');

  • Sie sollten sich wirklich an die Verwendung gewöhnen .text('Share') wenn Sie keine HTML-Inhalte einfügen.

    – TM.

    12. April 2010 um 13:18 Uhr

  • @TM: warum? ist nicht html Schneller? Auch Share ist HTML-Inhalt.

    – Fitzchak Yitzchaki

    12. April 2010 um 13:30 Uhr


  • Hey, ich möchte das auch tun, aber wenn ich die Seite aktualisiere, kommt der ursprüngliche Inhalt. kann ich das ändern?

    – David Coder

    23. März 2016 um 10:08 Uhr


$('.stbuttontext').html('Share');

Ändert den Text aller Spans mit der Klasse stbuttontext.

1299450cookie-checkWie ändere ich den Inhalt der Span mit jQuery?

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

Privacy policy