在web開發(fā)過程中,我們常常需要遍歷頁面中的標簽,并獲取或操作其中的內(nèi)容。jQuery提供了許多便捷的方法來實現(xiàn)這個功能。
$('p').each(function() { var content = $(this).text(); console.log(content); });
上述代碼中,我們使用了each方法來遍歷頁面中所有的p標簽,并獲取其中的文本內(nèi)容。在每個p標簽上執(zhí)行回調(diào)函數(shù),第一個參數(shù)為當前標簽的索引值,第二個參數(shù)為當前標簽元素本身。我們可以通過$(this)來獲取當前標簽的jQuery對象,并使用text方法獲取其文本內(nèi)容。
$('ul li').each(function(index) { var text = $(this).text(); console.log('li' + index + ': ' + text); });
在上述代碼中,我們使用了更加具體的選擇器語法,遍歷了所有ul標簽下的li標簽,并輸出了其索引和文本內(nèi)容。
$('input[type="checkbox"]:checked').each(function() { var value = $(this).val(); console.log(value); });
最后一個示例展示了如何遍歷頁面中已被選中的復選框標簽,并獲取其值。我們可以使用屬性選擇器選出所有type屬性為checkbox且已被選中的標簽,并使用val方法獲取其值。