使用jQuery tablesorter对表中的每个奇数行进行排序和赋予样式。
问题：IE8忽略表格行背景或不会应用奇数行的样式。任何想法如何使这项工作的IE＆lt; 9？
这是http://jsfiddle.net/rdos/kg7e771g/3/ - 除IE和IE之外的所有浏览器都可以正常使用10
谢谢！
<html>
<head>
<style type="text/css">
.tablesorter tbody tr:nth-child(odd) {
background-color: #faf4e2;
}
</style>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.21.5/js/jquery.tablesorter.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#myTable").tablesorter();
}
);
</script>
</head>
<body>
<table id="myTable" class="tablesorter">
<thead>
<tr>
<th>Last Name</th>
<th>First Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>Saul</td>
<td>Tarsus</td>
<td>st@mail.com</td>
</tr>
<tr>
<td>Paul</td>
<td>Rock</td>
<td>pr@mail.com</td>
</tr>
</tbody>
</table>
</body>
</html>
答案 0 :(得分：1)
可以将td添加到规则
.tablesorter tbody tr:nth-child(odd) td{
background-color: #faf4e2;
}
或
.tablesorter tbody tr:nth-child(odd), .tablesorter tbody tr:nth-child(odd) td{
background-color: #faf4e2;
}
或
在添加td规则的样式标记周围添加IE条件注释，使其仅在IE < 9
答案 1 :(得分：0)
下面介绍IE的表行样式＆lt; 9：
$(document).ready(function() {
$('#myTable')
.tablesorter({ widgets: ['zebra'] })
.bind('sortEnd', function(){
$("#myTable").trigger("applyWidgets");
});
}
);
对于其他浏览器 - 以下内容并覆盖以上样式：
.tablesorter tbody tr:nth-child(odd) {
background-color: #faf4e2;
}