61,129
社区成员




<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
table#tblKanri tr {
background-color: #f00;
}
table#tblKanri tr.even{
background-color: #00f;
}
.hidden{
display:none;
}
</style>
</head>
<body>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#tblKanri tr:not(.hidden):even").addClass("even");
});
</script>
<table id="tblKanri">
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr class="hidden"><td>hidden</td><td>hidden</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
</table>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
table#tblKanri tr {
background-color: #f00;
}
table#tblKanri tr:not(.hidden):nth-child(even){
background-color: #00f;
}
.hidden{
display:none;
}
</style>
</head>
<body>
<table id="tblKanri">
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr class="hidden"><td>hidden</td><td>hidden</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
</table>
</body>
</html>
运行一下你就明白我的问题了
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
table#tblKanri tr {
background-color: #f00;
}
table#tblKanri tr:not(.hidden):nth-child(even){
background-color: #00f;
}
</style>
</head>
<body>
<table id="tblKanri">
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr class="hidden"><td>hidden</td><td>hidden</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
<tr><td>bbbbbbb</td><td>cccccccccc</td></tr>
</table>
</body>
</html>