jQuery 点击表格一行背景变色与恢复

目的：在不使用checkbox的情况下实现多选。

要实现的效果：点击表格某行，则该行变色，再次点击，则改行变回原来的颜色。

代码如下：

1.html

<tr ng-repeat="file in files" id="fileTr{{file.id}}" 
    ng-click="selectFile(file.id)">
	//..
</tr>

2.js

//选中/取消选中
$scope.selectFile = function (id) {
	var color = "rgb(204, 221, 255)", //要变的颜色
        trans = "rgba(0, 0, 0, 0)"; //透明（原来的背景色)

    //"#fileTr" + id 是动态生成表格时各行的id
	if($("#fileTr" + id).css("backgroundColor") == color){
		$("#fileTr" + id).css("backgroundColor", trans);
	}else{
		$("#fileTr" + id).css("backgroundColor", color);
	}
};