jQuery是一種流行的JavaScript庫,可以方便地操作HTML元素和處理事件。其中比較常用的功能之一是獲取或設置元素的文本內容。可以使用.text()和.html()方法來實現,但在某些情況下會遇到一些坑,這時候就需要借助另外一個方法——innerText。
$(document).ready(function() { var text = $('#element').innerText; console.log(text); });
上述代碼中,$()是用來查找DOM元素的方法,#element表示選擇id為element的元素,innerText返回元素的文本內容。在控制臺中打印出這個內容,就可以看到元素中的文字。
需要注意的是,innerText方法只適用于標準的DOM元素,不能用于jQuery對象。如果想獲取jQuery對象中的文本內容,可以先轉化為DOM元素,再使用innerText方法,如下:
$(document).ready(function() { var element = $('#element')[0]; var text = element.innerText; console.log(text); });
其中[0]表示將jQuery對象轉化為DOM元素,element變量就指向了這個元素。之后就可以使用innerText方法獲取文本內容。
總之,jQuery的innerText方法可以在獲取元素文本內容時提供一種通用的解決方案,避免了使用.text()和.html()方法時遇到的一些坑。需要注意的是,它只適用于標準的DOM元素,不能直接用于jQuery對象。