如何使用jQuery更改Span的内容？

Question

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

我想将"分享这个"改为"分享",

请让我知道解决方案.

thanksl,

Answer 1

您可以使用以下任一方法:

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

对于文本内容或

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

对于HTML内容.

但是,在你的情况下,第一个声明应该没问题:)

Answer 2

这是我考虑何时使用.html()与.text()的方式.

当您想要将带有html标签的样式添加到要替换的文本时,请使用.html(),例如:

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

当您显示错误消息时,这非常有用,因为您可能希望添加一个类来更改文本的颜色.

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

如果您只想更改文本,请使用.text().

所以如果你用.text做了上面的例子:

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

用户将在网页上看到的文本是(没有标签中的空格,我无法弄清楚如何让它与这个降价编辑器一起工作).

<span class ="errortext red"> <strong>错误:<em>修复您的电子邮件地址</ em> </ span>

并且该文本不是红色,或者是粗体或斜体文本.

Answer 3

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