jquery - 如果 td 的值为 1，则突出显示 td

Question

我有一张这样的 table 。

         <table>
            <tr>
                <td>one</td>
                <td>two</td>
                <td>one two</td>
            </tr>
            <tr>
                <td>one</td>
                <td>two</td>
                <td>one two</td>
            </tr>
            <tr>
                <td>one</td>
                <td>two</td>
                <td>one two</td>
            </tr>
        </table>

和jquery代码来突出显示td(如果其值为one

)

$("table > tbody > tr > td:contains('one')").css("background", "#6a5acd");

如果 td 的值为一二，代码也会使其高亮。我只想突出显示有 one

的 td

Answer 1

:contains不太适合这个，因为它只是检查给定的字符串是否存在于元素中的任何位置，请使用手册 filter去做这件事

$("table > tbody > tr > td").filter(function(){
    return $.trim($(this).text()) == 'one'
}).css("background", "#6a5acd");

查看演示:fiddle