jquery - jQuery对表格行的高亮效果

Question

我有一个看起来像这样的表：

<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] has no method 'effect' ”。

将效果应用于所选行的正确方法是什么？

Answer 1

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

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