如何使用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>');

用户将在网页上看到的文字是（没有标签中的空格，我无法弄清楚如何使用这个降价编辑器）。

＆LT; span class =“errortext red”＆gt;＆lt; strong＆gt;错误：＆lt; em＆gt;修复您的电子邮件地址＆lt; / EM＆GT;＆LT; /跨度＆GT;

并且该文字不是红色，或者是粗体或斜体文字。

Answer 3

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

Answer 4

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

将使用类stbuttontext更改所有跨度的文本。