Jquery 突出显示dosen和xB4的数据表；行不通

这是我的一个活生生的例子：你能告诉我，为什么行和列的突出显示不起作用吗？

只需将突出显示改为突出显示即可

var oTable;

$(document).ready( function () { 
  oTable = $('#example').dataTable({
    "bSortClasses": false
  });

   oTable.$('td').hover( function() {
     console.log('hi');
        var iCol = $('td', this.parentNode).index(this) % 5;
        console.log(iCol);
     $('td:nth-child('+(iCol+1)+')', oTable.$('tr')).addClass( 'highlight' );
    }, function() {
        oTable.$('td.highlight').removeClass('highlight');
    } );

} );

---

通过使用以下定义，无需任何脚本即可在CSS中执行此操作：

#示例tbody tr.even：悬停，#示例tbody tr.even td突出显示{
背景颜色：黄色；
}
#示例tbody tr.odd：悬停，#示例tbody tr.odd td突出显示{
背景颜色：黄色；
}
#示例tr.even：悬停{
背景颜色：黄色；
}
#示例tr.even：悬停td.sorting_1{
背景颜色：黄色；
}
#示例tr.even：悬停td.sorting_2{
背景颜色：黄色；
}
#示例tr.even：悬停td.sorting_3{
背景颜色：黄色；
}
#示例tr.odd：悬停{
背景颜色：黄色；
}
#示例tr.odd：悬停td.sorting_1{
背景颜色：黄色；
}
#示例tr.odd：悬停td.sorting_2{
背景颜色：黄色；
}
#示例tr.odd：悬停td.sorting_3{
背景颜色：黄色；
}

谢谢“Satpal”，现在我已经更改了它。但行仍然没有“突出显示”。只有柱子。伟大的CSS唯一的解决方案！使用引导时，当使用

表格条带化类时，行高亮显示似乎不适用于阴影行，但适用于白色/非阴影行。有什么解决方法吗？我无法编辑我的原始评论，所以我找到了以下解决方法：
tbody tr:hover td、.table striped>tbody>tr:nth child（奇数）：hover td{background color:yellow；}