jQuery是一種流行的JavaScript庫,它可以幫助開發者更容易地操作網頁元素。在實際開發中,我們經常會遇到需要選擇表格偶數行的需求。那么如何使用jQuery去實現呢?
$(document).ready(function(){ //選取表格中偶數行 $('tr:even').css('background-color', 'lightgray'); });
以上代碼會選取表格中所有偶數行,并將其背景顏色改為lightgray。如果要選取奇數行,只需要修改選擇器為$('tr:odd')即可。
除了使用選擇器外,我們還可以使用each()方法遍歷表格每一行,然后判斷行號是否為偶數:
$(document).ready(function(){ $('table tr').each(function(index){ //判斷是否為偶數行 if(index%2 == 1){ $(this).css('background-color', 'lightgray'); } }); });
以上代碼會遍歷表格的每一行,判斷其行號是否為偶數,如果是則將其背景顏色改為lightgray。
需要注意的是,以上代碼中的選擇器可以根據具體情況進行修改,如$('table')可以修改為$('#table')、$('.table')或者其他具體的選擇器。