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

来源: 老季博客    日期: 2019-6-11    标签:, ,     作者: 腾讯云/服务器VPS推荐评测/Vultr    阅读数: 18

下面我们记录一下如何在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等大家可以自由发挥。

链接到文章: https://jiloc.com/45810.html

发表回复

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