jQuery是一種廣泛應(yīng)用于網(wǎng)頁(yè)的JavaScript庫(kù)。使用jQuery遍歷DOM元素是一個(gè)非常基本的操作,而遍歷
元素下的所有
標(biāo)簽是非常常見(jiàn)的。
//遍歷div下所有p標(biāo)簽,并將它們的內(nèi)容輸出到控制臺(tái)
$('div').find('p').each(function(){
console.log($(this).html());
});
以上代碼首先選中了
元素,然后使用jQuery的find()方法找到了其中的所有
元素。接著使用each()方法遍歷所有的
元素,并使用console.log()方法將它們的內(nèi)容輸出到控制臺(tái)。
除了使用find()方法外,還可以使用children()方法來(lái)遍歷子元素。
//遍歷div下所有p標(biāo)簽,并將它們的內(nèi)容輸出到控制臺(tái)
$('div').children('p').each(function(){
console.log($(this).html());
});
以上代碼首先選中了
元素,然后使用children()方法找到其中的所有
元素。接著使用each()方法遍歷所有的
元素,并使用console.log()方法將它們的內(nèi)容輸出到控制臺(tái)。
總的來(lái)說(shuō),使用jQuery遍歷DOM元素是非常簡(jiǎn)單的。只需要選擇相應(yīng)的元素,然后使用find()或children()方法遍歷即可。