2010-04-12 45 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>

,而該文本是不紅,或有粗體或斜體文字。