遍历表格的每一行来改变点击的背景颜色,并且只触发一次和表格默认的时候对表格奇偶变化颜色问题

问题一:我们在对表格的行进行点击事件,来改变本身行颜色变化
解决方法:
 遍历表格的每一行来改变点击的背景颜色,并且只触发一次和表格默认的时候对表格奇偶变化颜色问题_第1张图片
遍历表格的每一行来改变点击的背景颜色,并且只触发一次和表格默认的时候对表格奇偶变化颜色问题_第2张图片

问题二:有时候我们要处理表格数据加载的时候就要对表格本身的行进行奇偶数来使不同的颜色变化
解决方法:
    自定义表格的class 

.tableBgColor {

tbody>tr:nth-child(odd) >td {background-color:#dff0d8;}

tbody>tr:nth-child(even) >td {background-color:#f5f5f5;}

}

页面直接引用就好了。。

 

 

 

 

 

另补充方法: 
 


$("#list4").find("tbody").on("click","tr",function () {})

 $("#list4 tr[role='row']").each(function() {})

你可能感兴趣的:(我的前端)