CSS+jquery问题

Question

目的效果： 点击选中某一行，该行背景色 改为 #FFCCCC
现在实现的效果：点击该行，背景色改变（成功），但点击另一行的时候，之前选中的那一行背景色 还是#FFCCCC，所写的方法：
function selectDept(deptId){
   $("#"+deptId).bind("click",function(){
   $("#"+deptId).css({"background-color":"#FFCCCC"});
   $("#deptId").val()==deptId;
   })
   }页面调用处：<logic:iterate id="dept" name="depts">
<tr class="trCS" id="${dept.id}" onclick="selectDept(${dept.id})">
<td>${dept.name}</td>
<td>${dept.spell}</td>
</tr>
</logic:iterate>
请大家多多帮忙

Answer 1

你用的是jQuery，可以使用里面的toggleClass（）方法，定义一个样式.bgcolor {background-color:#FFCCCC},在js里：
function selectDept(deptId){
  $("#"+deptId).bind("click",function(){
  $("#"+deptId).toggleClass("bgcolor ");
  $("#deptId").val()==deptId;
  })
  }
就ok了

Answer 2

<style>
   .cl {background-color: #FFCCCC;}
</style>
function selectDept(deptId){
  $("#"+deptId).bind("click",function(){    
    $("#deptId").val()==deptId;
  });
  $("#"+deptId).toggleClass("cl");
}