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

【问题标题】：Applying an hightlight effect (jQuery) on my table在我的桌子上应用高亮效果（jQuery）
【发布时间】：2012-04-07 09:56:59
【问题描述】：

我有一个带有斑马条纹的表（每个奇数行的背景颜色不同）。在编辑一行后，我应用了 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;}

谢谢。

【问题讨论】：

是的，我想是的。但是，如果没有任何代码，很难提供帮助。请同时提供jsfiddle.net 演示。
是的，您只需要更改 CSS。
显示您的代码以获得好的答案。
我更新了我的问题以显示代码。谢谢。
hiya 编辑表格行您使用的是可编辑的还是其他的？或许能帮到你，干杯！

标签： jquery

【解决方案1】：

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

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

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

要将效果应用到行中的 tds：

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

【讨论】：