在處理HTML代碼時,有時候需要將標簽符號轉義為HTML實體,以避免瀏覽器解析這些符號而引起錯誤或安全問題。jQuery提供了一種方便的方法來轉義這些符號,即使用$.fn.text()函數。
$.fn.text()函數將選擇器匹配的所有元素的文本內容作為一個字符串返回,同時自動轉義所有HTML實體。例如:
var html = '<p>This is some <b>bold</b> text.</p>'; $('body').append('<div>' + html + '</div>'); var text = $('div').text(); console.log(text); //輸出:This is some <b>bold</b> text.
在上面的例子中,我們首先將一個包含HTML實體的字符串插入到頁面中,隨后使用$.fn.text()函數將其轉義為文本字符串,并輸出到控制臺。可以看到,插入到頁面中的字符串并沒有被解析為HTML元素,而是被轉義為了對應的HTML實體。
需要注意的是,$.fn.text()函數只能用于將HTML代碼轉義為純文本字符串,而不能用于將文本字符串轉義為HTML代碼。如果需要將文本字符串轉義為HTML代碼,可以使用$.fn.html()函數:
var text = 'This is some <b>bold</b> text.'; $('body').append('<div>' + text + '</div>'); var html = $('div').html(); console.log(html); //輸出:This is some <b>bold</b> text.
在上面的例子中,我們首先將一個包含HTML實體的文本字符串插入到頁面中,隨后使用$.fn.html()函數將其轉義為HTML代碼,并輸出到控制臺。可以看到,文本字符串中的HTML實體被正確地轉義為對應的HTML元素。
上一篇jquery轉富文本框
下一篇jquery跳轉頁面傳參