jQuery实现Table表格隔行变色及高亮显示当前选择行效果示例

2020-05-23 06:07:51易采站长站整理

}
});
$(oddTR).each(function() {
if ($(this).css("background-color") == "#ffff00") {
$(this).css("background-color", "#ffffff");
}
});
$(this).css("background-color", "#ffff00");
});
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table style="width: 100%;" cellpadding="0" cellspacing="0" id="tableThis">
<tr id="header">
<td>纳税人</td>
<td>
 
增值税</td>
<td>
 
消费税</td>
<td>
 
营业税</td>
<td>小规模纳税人</td>
<td>增值税小规模纳税人</td>
</tr>
<tr>
<td class="style2">张三</td>
<td class="style1">
123423432.12</td>
<td class="style1">
 
32445345.13</td>
<td class="style1">
 
345564.25</td>
<td class="style1">567657567.78</td>
<td class="style1">3454353453.90</td>
</tr>
<tr>
<td class="style2">李四</td>
<td class="style1">
 
34435345.34</td>
<td class="style1">
 
456546</td>
<td class="style1">
 
675675</td>
<td class="style1">678879789</td>
<td class="style1">34534534.0</td>
</tr>
<tr>
<td class="style2">王五</td>
<td class="style1">
 
23424</td>
<td class="style1">
 
6546</td>
<td class="style1">
 
67868</td>
<td class="style1">980890</td>
<td class="style1">45345</td>
</tr>
<tr>
<td class="style2">刘六</td>
<td class="style1">
 
234234</td>
<td class="style1">
 
123123</td>
<td class="style1">
 
324234</td>
<td class="style1">342423</td>
<td class="style1">345345</td>
</tr>
<tr>
<td class="style2">赵七</td>
<td class="style1">
 
345345</td>
<td class="style1">