在使用 jQuery 進行前端開發的過程中,經常需要獲取 HTML 標簽中的內容。接下來我們就來了解一下如何使用 jQuery 來獲得 HTML 標簽中的內容。
// 獲取標簽中的文本內容 var text = $('p').text(); // 獲取標簽中的 HTML 內容 var html = $('p').html();
上面的代碼中,我們使用了 jQuery 的text()
和html()
方法來分別獲取標簽中的文本內容和 HTML 內容。這兩個方法的區別在于,text()
方法只能獲取純文本內容,而html()
方法可以獲取包含 HTML 標簽的內容。
如果要獲取多個標簽的內容,則可以使用each()
方法遍歷標簽數組,并分別獲取每個標簽中的內容。
$('p').each(function() { var text = $(this).text(); console.log(text); });
上面的代碼中,我們使用了each()
方法遍歷了所有的p
標簽,并使用$(this)
來獲取每個標簽,再使用text()
方法來獲取標簽中的文本內容。
除了上述方法外,還有其他一些屬性和方法可以獲取 HTML 標簽中的內容,比如使用val()
方法可以獲取表單元素的值,使用attr()
方法可以獲取標簽的屬性值等等。掌握這些方法的使用,可以讓我們更加方便地處理頁面中的數據。
下一篇div ref屬性