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

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

I want to change "Share This" to "Share",

我想将“分享这个”更改为“分享”，

please let me know the solution.

请让我知道解决方案。

thanksl,

thanksl，

4 个解决方案

#1

You can do with either:

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

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

for textual content or

对于文本内容或

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

for html contents.

对于HTML内容。

In your case however, the first statement should be fine :)

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

#2

This is my way of thinking about when to use .html() vs. .text().

这是我考虑何时使用.html（）与.text（）的方式。

Use .html() when you want to add styling with html tags to the text you are replacing, like:

如果要将html标签的样式添加到要替换的文本中，请使用.html（），例如：

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

This is ofter useful when you are displaying an error message because you may want to add a class to change the color of the text.

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

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

Use .text() when you simply want to change the text.

如果您只想更改文本，请使用.text（）。

So if you did the above example with .text:

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

$('#error').text('Error: Fix your email address');

$（'＃error'）。text（' 错误： 修复您的电子邮件地址 '）;

The text the user will see on the web page is (without the spaces in the tags, I could not figure out how to get it to work with this markdown editor).

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

Error: Fix your email address

错误：修复您的电子邮件地址

and that text is not red, or have bold or italic text.

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

#3

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

#4

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

$（ 'stbuttontext '）HTML（' 分享'）。

Will change the text of all spans with the class stbuttontext.

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

#1