Jquery實現點擊表格行變色!


1.前台頁面沒什么的,如下,中間可能一堆td,當然也可能沒有<tbody>,然后,記得每行<tr>都要加個事件,假如你是寫再<c:forEach>里面的,就

 更好了,只需要添加在那一個<tr>標簽里面就ok了

  <tbody><tr onclick=“SingleChangeColor(this)”>

  <td></td>.......

  </tr><tbody>

2.然后就是js的這個方法的書寫了,你可以寫在頁面的

  <script type="text/javascript">

  </script>里面,也可以卸載js里。

3.然后方法就是:

function SingleChangeColor(e){
  //1.清楚表格的背景顏色:注意#contentTable是你表格的ID,ID唯一
  $("#contentTable").find("td").css("background","");
  //2.改變當前點擊行的背景顏色
  $(e).find("td").css("background","red");//red為顏色,你也可以輸入顏色值#00000等等
}

4.根據情況來o


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM