2010-04-12 66 views
53
<span class="stbuttontext" st_page="home">ShareThis</span> 

我要改变“分享这个”为“分享”,如何使用jQuery更改Span的内容?

请让我知道了解决方案。

thanksl,

+10

记得通过点击复选标记来接受答案。 – 2010-04-12 14:27:45

+2

@ChristopherAltman和upvote它(随意)。 – Pathros 2015-06-29 15:28:09

回答

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

当你不插入HTML内容时,你应该习惯使用'.text('Share')'。 – 2010-04-12 13:18:52

+1

@TM:为什么?不是'html'更快?也''Share' *是* html内容。 – 2010-04-12 13:30:14

+0

嘿我也想这样做,但当我刷新页面的原始内容即将到来。我可以改变它吗? – 2016-03-23 10:08:31

90

您可与做:

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

文本内容或

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

HTML内容。

在你的情况然而,第一条语句应该罚款:)

2

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

会改变所有跨度与类stbuttontext文本。

21

这是我思考何时使用.html()与.text()的方法。

使用的.html()当你想用HTML标签样式添加到您要更换,如文本:

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

这是ofter有用的,当你显示错误消息,因为您可能想要添加一个类来改变文本的颜色。

$('#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>');

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

<跨度类= “ERRORTEXT红”> < strong>错误:< EM>修复您的电子邮件地址</em>的</SPAN>

,而该文本是不红,或有粗体或斜体文字。