Come modificare il contenuto di Span usando jQuery?

Question

<span class="stbuttontext" st_page="home">ShareThis</span> 

voglio cambiare "Condividi questo" per "Condividi",

fatemelo sapere la soluzione.

thanksl,

Answer 1

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

Answer 2

Si può fare sia con:

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

per testuali contenuto o

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

per html contenuti.

Nel tuo caso però, la prima istruzione dovrebbe andare bene :)

Answer 3

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

Cambierà il testo di tutte le campate con lo stbuttontext di classe.

Answer 4

Questo è il mio modo di pensare a quando utilizzare .html() vs. .text().

Usa .html() quando si desidera aggiungere styling con tag HTML per il testo che si sta sostituendo, come:

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

Questo è ofter utile quando si sta visualizzando un messaggio di errore, perché si può vuoi aggiungere una classe per cambiare il colore del testo.

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

Usa .text() quando si desidera semplicemente modificare il testo.

Quindi, se avete fatto l'esempio precedente con .text:

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

Il testo che l'utente vedrà sulla pagina web è (senza gli spazi nei tag, non ho potuto capire come farlo funzionare con questo editor markdown).

< span class = "errortext red"> < strong> Errore: < em> Correggi il tuo indirizzo e-mail </em> </span>

e che il testo non è rosso, o di avere il testo in grassetto o corsivo .