jQuery突出显示表行的效果

时间:2013-01-29 17:13:07

标签: jquery highlight effects

我有一张看起来像这样的表:

<table id="tblBranchCoverage">
    <thead>...</thead>
    <tbody>
        <tr class="coverageRow">
            <td class="countyCovered">
                <label="branchCountyCovered coverageDisplay">Barrow</label>
                ...
            </td>
            <td>
                ...
            </td>
        </tr>
        <tr class="coverageRow">
            <td class="countyCovered">
                <label="branchCountyCovered coverageDisplay">Cook</label>
                ...
            </td>
            <td>
                ...
            </td>
        </tr>
    </tbody>
</table>

我正在尝试通过查找行中标签的文本将高亮效果应用于找到的行。

我尝试过的选择器包括:

$('#tblBranchCoverage tr label:contains("Barrow")').parent().parent().effect('highlight', {color: '#88AAFF'}, 1500);
$('label:contains("Barrow")').parents('tr').effect('highlight', {color: '#88AAFF'}, 1500);

上面的两个选择器都找到了正确的行,正如在控制台中确定的那样,但我收到此错误“ TypeError:Object [object Object]没有方法'effect'”。< / p>

在所选行上应用效果的正确方法是什么?

1 个答案:

答案 0 :(得分:3)

.effect()是jQuery UI的一部分 - http://jqueryui.com/effect/

您需要包含jquery ui js文件才能使其正常工作。