使用jQuery時,我們經(jīng)常需要將一個jQuery對象轉(zhuǎn)換成純文本。jQuery庫提供了一個方法,text()
,可以將一個jQuery對象的 HTML 內(nèi)容轉(zhuǎn)換成文本。這個方法會刪除 HTML 標簽并返回只有文本內(nèi)容的字符串。例如:
<div id="myDiv">這是一個<span>測試</span></div>
var myText = $('#myDiv').text();
console.log(myText); // 輸出:這是一個測試
上面的代碼中,$('#myDiv').text()
將包含在#myDiv
元素中的 HTML 標簽刪除,并將其文本內(nèi)容作為字符串返回。這個字符串可以賦值給變量myText
,也可以直接輸出到控制臺。
如果想要通過 jQuery 將節(jié)點的文本內(nèi)容改變,可以通過text()
方法來實現(xiàn):
$('button').click(function() {
$('#myDiv').text('新的文本內(nèi)容');
});
上面的代碼會綁定一個點擊按鈕事件,每次點擊按鈕時,#myDiv
元素的文本內(nèi)容都會變成新的文本內(nèi)容
。
需要注意的是,使用text()
方法將 HTML 片段賦值給元素時,這些內(nèi)容將被處理為純文本。這意味著如果想要插入 HTML 標簽,應(yīng)該使用html()
方法而非text()
方法。
var myHtml = '<span>這是一個測試</span>';
$('#myDiv').html(myHtml);
上面的代碼中,myHtml
包含一個 HTML 片段,但是如果使用text()
方法,這個標簽將被轉(zhuǎn)換成純文本。而使用html()
方法可以將這個 HTML 片段插入到#myDiv
元素中。