通过点击listtable的当前行使之变色，点击下一行的时候，...

961965404

通过点击listtable的当前行使之变色，点击下一行的时候，上一行恢复原来的颜色，折磨了整整两天，请大神给点意见。D:\Sublime\1532414791.png

961965404

就是当我点击左侧测试项的时候，它会变色，容易区分，当我点击下个测试项，上个测试项就会恢复原来的颜色，就拿CO2来说，我点击CO2，它由绿色变为透明色，当我点击CO的时候，CO变为透明色，CO2变为绿色

jishuang

自己定义一个class样式，然后修改listTable上第一个list上tr的click事件
在click事件中控制移除和添加样式
如下：

1. .x-currentRow{
   
2.         background-color:red !important;
   
3. }

复制代码

1.         Model.prototype.tr2Click = function(event) {
   
2.                 var $e = $(event.currentTarget);
   
3.                 $('>td>i.x-expand-i', $e).toggleClass('');
   
4.                 $e.parent().find('td').removeClass('x-currentRow')
   
5.                 $e.find("td").addClass('x-currentRow');
   
6.                 $e.next().toggleClass('hide');
   
7.         };

复制代码