在開發(fā)網(wǎng)頁過程中,經(jīng)常需要遍歷table中的每一行,獲取td中的文本值。這時候,就可以使用jQuery的遍歷方法來實(shí)現(xiàn)。
//遍歷table中的每一行
$('table tr').each(function() {
var tdArr = [];
//遍歷當(dāng)前行的所有td
$(this).find('td').each(function() {
tdArr.push($(this).text());
});
console.log(tdArr);
});
以上代碼中,首先通過jQuery選擇器選中table中的所有行(tr標(biāo)簽),然后調(diào)用each()方法進(jìn)行遍歷。each()方法會對每一個tr標(biāo)簽都調(diào)用一次回調(diào)函數(shù),即傳入的function() {},并將當(dāng)前行(tr標(biāo)簽)作為它的上下文(this值)。
在回調(diào)函數(shù)中,通過使用find()方法再次選擇當(dāng)前行下所有的td標(biāo)簽元素,并再次調(diào)用each()方法進(jìn)行遍歷。在此循環(huán)中,獲取每個td標(biāo)簽中的文本值使用了text()方法,并將其值存儲到tdArr數(shù)組中。
最后,通過調(diào)用console.log()輸出tdArr數(shù)組的值,即可看到console中打印的每行數(shù)據(jù)的值。