使用 Bootstrap 样式的表格行上的 jQuery 突出显示效果答案

【问题标题】：jQuery Highlight Effect On Table Row Styled With Bootstrap使用 Bootstrap 样式的表格行上的 jQuery 突出显示效果
【发布时间】：2012-02-25 02:59:11
【问题描述】：

使用 Bootstrap 2.0 我使用 .table-striped 设置了表格样式。我正在通过 ajax 更新数据行，更新完成后，我想突出显示该行，该行适用于没有背景颜色的行。所以基本上，偶数行突出显示，奇数行不突出。我不确定这是为什么。

我现在可能太累了，但我们不胜感激。

我正在使用以下代码来触发高亮：

$("#row_" + id).effect("highlight", {}, 1500);

【问题讨论】：

【解决方案1】：

不在行上运行效果，而是在行内的单元格上运行。所有行都突出显示，偶数和奇数。奇数行不断变化的背景颜色只是被隐藏了，因为表格单元格的颜色超出了顶部。

【讨论】：

谢谢。今晚会试试这个并报告。
它就像一个魅力。顺便说一句，对于我个人的情况（插入后突出显示最后一行），我的解决方案是：$('#table tr:last').find('td').effect('highlight', {color: '#4BADF5'}, 2000);

【解决方案2】：

只是为了添加到 Pickle 的答案，即行中的每个单元格都高于行颜色，请参阅下面的代码以突出显示每个单元格：

$("#row_" + id +" td").effect("highlight", {}, 1500);

（假设行上没有单元格类型为“th”，但如果需要，可以轻松添加）

【讨论】：