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

时间:2010-04-12 13:14:28

标签: jquery html css

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

我想将“分享此内容”更改为“分享”,

请让我知道解决方案。

thanksl,

4 个答案:

答案 0 :(得分:99)

您可以使用以下任何一种:

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

文字内容或

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

html 内容。

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

答案 1 :(得分:22)

这是我考虑何时使用.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;

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

答案 2 :(得分:7)

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

答案 3 :(得分:3)

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

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