欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery 遍歷div里的tr

李中冰1年前10瀏覽0評論

jQuery是一種非常流行的JavaScript庫,可以大大簡化JavaScript編程過程。在前端開發中,我們經常需要使用jQuery來遍歷HTML元素,特別是當我們需要訪問表格中的數據時,需要遍歷table中的tr和td元素。下面介紹如何使用jQuery遍歷div里的tr元素。

// 遍歷div里的所有tr元素
$('div tr').each(function(index){
console.log('第'+(index+1)+'個tr元素');
// 遍歷當前tr元素下的所有td元素
$(this).children('td').each(function(subIndex){
console.log('第'+(subIndex+1)+'個td元素');
});
});

上面的代碼首先選擇div中的所有tr元素,使用each方法對每個tr元素進行遍歷,并輸出其在div中的序號。接下來,使用children方法選擇當前tr元素下的所有td元素,再使用each方法對每個td元素進行遍歷,并輸出其在tr元素中的序號。

除了使用each方法進行遍歷,還可以使用其他 jQuery方法,如find方法和filter方法進行元素的篩選。例如:

// 使用find方法找到table中第2個tr元素,并遍歷其下的所有td元素
$('table').find('tr:eq(1)').children('td').each(function(subIndex){
console.log('第'+(subIndex+1)+'個td元素');
});
// 使用filter方法遍歷table中所有class為info的tr元素
$('table tr').filter('.info').each(function(index){
console.log('表格中的第'+(index+1)+'個info元素');
});

使用find方法可以在指定選擇器內查找元素,而使用filter方法可以根據選擇器或函數對元素進行篩選。