jQuery全文检索表格 特定文字变色高亮红色 图文教程

下面我们记录一下如何在table中检索每个文字，如果遇到我们设置的关键字设置为红色。不多说废话，直接上代码。

jQuery Javascript代码：

$(function () {        
        var redKey = '未审核';
        $('table.tbl_list tr').find("td").each(function(){
            if( $(this).html() == redKey ){
              console.log( $(this).html());
              $(this).css("color",'red');
            }
        });
});

HTML代码：

<table class="tbl_list">
    <tr>
        <td>文字1</td>
        <td>未审核</td>
        <td>文字1</td>
        <td>文字1</td>
    </tr>
    <tr>
        <td>文字1</td>
        <td>未审核</td>
        <td>文字1</td>
        <td>文字1</td>
    </tr>
</table>

这里我们检索的时候是以td为单位进行检索的。如果是其他div等大家可以自由发挥。