Html table 页 实现点击选中tr行 改变背景颜色
table 表格展示数据时没有选中的效果，如果对展示数据 做了一些操作 会导致 不太容易分辨，所以选中效果就很重要，而这个事件需要作用于整个tr的所有td 而不是某个td。
具体请看代码，如果可以更加方便请指出，。
首先我们要把click确定在哪个tr上 ，关键获取tr是最重要的，可以根据不通的选择器实现 我使用的是id选择器 加上 标签。 我的做法是获取到所有的tr 给点击的tr添加Class ，通过Class 设置背景颜色。
//js 代码
$("#tbody tr").click(function(){//给每个tr 绑定点击事件 主要锁定每个trvar trs = $(this).parent().find('tr'); //获取所有tr if(trs.hasClass('on')){//判断这些tr 有没有Class ‘on'’trs.removeClass('on');//把class on 移除 } $(this).addClass('on');//点击的tr 添加 on class 用于改变样式});
**//通过Class on 设置css样式
//给tr标签里 有onClass 的所有td 设置背景颜色。
tr.on td{background-color: #BFEFFF; /* 背景颜色*/ }
**
这样 tr行选中改变背景颜色 就完成了。 也不用遍历。 个人认为此种写法 ，主要在于对选中tr的定位。
如有漏洞 欢迎指正。。。
