jquery - 在我的桌子上应用高光效果 (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);