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

【问题标题】：How to change the content of the Span using jQuery?如何使用 jQuery 更改 Span 的内容？
【发布时间】：2011-02-07 00:20:46
【问题描述】：

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

我想把“分享这个”改成“分享”，

请告诉我解决方案。

谢谢，

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以使用以下任一方式：

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

对于文本内容或

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

用于html内容。

但是，在您的情况下，第一个语句应该没问题:)

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

这是我对何时使用 .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('Error: Fix your email address');

用户将在网页上看到的文本是（标签中没有空格，我不知道如何让它与这个 Markdown 编辑器一起工作）。

错误：修正你的电子邮件地址

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

【讨论】：