在jQuery中選定某一行可以通過以下代碼實現:
// 選定第一行 $('tr:eq(0)').css('background-color', 'yellow');
上面的代碼使用了選擇器:eq()
,它用于選定匹配選擇器的元素中,指定索引位置的元素。索引從0開始計算。
如果你需要在多行之間進行切換,可以將上面的代碼放入一個函數中:
function toggleRowSelection(rowIndex) { $('.selected-row').removeClass('selected-row'); // 刪除之前選中的行 $('tr:eq(' + rowIndex + ')').addClass('selected-row'); // 添加當前選中的行 }
上面的代碼中,添加了一個selected-row
類,用于標記當前選中的行。
使用時,只需要調用toggleRowSelection()
函數并傳入要選定的行的索引即可:
toggleRowSelection(0); // 選定第一行 toggleRowSelection(2); // 選定第三行