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

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

Javascript代码:

$(function () {        
        var redKey = '未审核';
        $('table.tbl_list tr').find("td").each(function(){
            if( $(this).() == redKey ){
              console.log( $(this).());
              $(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等大家可以自由发挥。

搬瓦工,CN2高速线路,1GB带宽,电信联通优化KVM,延迟低,速度快,建站稳定,搬瓦工BandwagonHost VPS优惠码BWH26FXH3HIQ,支持<支付宝> 【点击购买】!

Vultr$3.5日本节点,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快【点击购买】!

腾讯云云产品精选秒杀【点击购买】

阿里云香港、新加坡VPS/1核/1G/25G SSD/1T流量/30M带宽/年付¥288【点击购买】

百度云不止一折优惠【点击购买】

发表评论

电子邮件地址不会被公开。 必填项已用*标注