Latest web development tutorials

jQuery text() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS方法

實例

設置所有<p> 元素的文本內容:

$("button").click(function(){
$("p").text("Hello world!");
});

嘗試一下»

定義和用法

text() 方法設置或返回被選元素的文本內容。

當該方法用於返回內容時,則返回所有匹配元素的文本內容(會刪除HTML標記)。

當該方法用於設置內容時,則重寫所有匹配元素的內容。

提示:如需設置或返回被選元素的innerHTML(文本+ HTML標記),請使用html()方法。


語法

返回文本內容:

$(selector).text()

設置文本內容:

$(selector).text( content )

使用函數設置文本內容:

$(selector).text(function(index,currentcontent))

参数 描述
content 必需。规定被选元素的新文本内容。

注意: 特殊字符会被编码。
function(index,currentcontent) 可选。规定返回被选元素的新文本内容的函数。
  • index- 返回集合中元素的 index 位置。
  • currentcontent- 返回被选元素的当前内容。


實例

更多實例

返回文本內容
如何返回被選元素的文本內容。

使用函數設置文本內容
使用函數設置被選元素的文本內容。


jQuery HTML/CSS 方法 jQuery HTML/CSS方法