在我的桌子上应用高亮效果（jQuery）

Question

我有一张斑马条纹的桌子（每个奇数行的背景颜色不同）。在编辑行之后，我应用jQuery提供的高亮效果（更改背景颜色3秒）。它仅适用于白色行（没有背景色）。

这种突出显示效果有可能适用于任何行吗？

以下是javascript文件的代码：

$('#MyRowToHighlight').effect("highlight", {}, 1500); 

这是我桌子的负责人：

<table class="zebra-striped">
    <thead>
        <tr>
            <th>Company</th>
            <th>Username</th>
            ...

这是斑马条纹的CSS：

.zebra-striped tbody tr:nth-child(odd) td{background-color:#f9f9f9;}
.zebra-striped tbody tr:hover td{background-color:#f5f5f5;}

感谢。

Answer 1

我的猜测来自您所显示的有限的html和JS，基于您的选择器"#MyRowToHighlight"，您的高亮效果是在行级别应用，即， tr，但是你的样式表将背景颜色应用于单元格级别的奇数行，即tds。 tr风格被td风格打败。假设我在这里的正确轨道上，突出显示偶数行的原因是它们的tds没有样式。

因此，请尝试更改此行中的选择器：

$('#MyRowToHighlight').effect("highlight", {}, 1500);

将效果应用于行中的tds：

$('#MyRowToHighlight td').effect("highlight", {}, 1500);