在前端開發中,經常需要使用表格來展示數據。對于一些需要單選的表格,我們可以使用jQuery來實現讓選中的行變色的效果。
// 給表格中的每一行都綁定點擊事件 $('table tr').click(function(){ // 先把所有行的顏色重置 $('table tr').css('background-color', ''); // 再把選中的行的顏色設置為自定義顏色 $(this).css('background-color', '#ccc'); });
以上代碼使用了$('table tr').click()方法來為表格中的每一行都綁定點擊事件。點擊后,首先會將所有行的背景顏色都重置,然后再將選中的行的背景顏色設置為自定義顏色。這樣就可以實現讓選中的行變色的效果了。
當然,我們還可以在點擊選中的行后,保存該行的數據,以備后續操作使用。
下一篇div html樣式