小勺年

导航

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

posted on 2018-08-15 16:14  小勺年  阅读(1504)  评论(0编辑  收藏  举报