带有 strip 和悬停的 Jquery 数据表

Question

我用 strip Strip Example 创建了一个 jquery 数据表.我想为悬停应用不同的背景颜色。

CSS:

.selected {
    background-color:#71d1eb;
}

JavaScript:

$('#basicTable tbody').on('mouseover', 'td', function () {
    if ($(this).parents('tr').hasClass('selected')) {
        $(this).parents('tr').removeClass('selected');
    } else {
        //Remove For Multi Select
        table.$('tr.selected').removeClass('selected');                   
        $(this).parents('tr').addClass('selected');                    

        //$(this).parents('tr').css("background-color", "yellow");// Not Working
    }
});

它在偶数行(白色背景)上工作，但对于奇数行(灰色背景)，该行应用了所选的类，但背景没有改变。我错过了什么吗？

编辑

问题不在于奇数类。我试过:

$(this).parents('tr').removeClass('odd');
$(this).parents('tr').addClass('selected');

奇数类被移除，所选类被添加，但背景仍然是灰色。

问题是 table-striped 类。

编辑2

我试过:

$(this).parents('tr').css("cssText", "background-color:#71d1eb !important;");

这导致:

<tr role="row" class="odd" style="background-color: rgb(113, 209, 235) !important;"></tr>

但未应用所选颜色。

Answer 1

如评论中所述，使用 !important，当然还有正确的选择器:

table.dataTable tbody tr:hover {
   background-color:#71d1eb !important;
}

演示 -> http://jsfiddle.net/4gLysf62/