Javascript 如何使用jQueryDatable插件突出显示DataTable的搜索文本

这里我有gridview控件在列中有Header html输入搜索文本框控件我需要搜索文本高亮显示的颜色。我尝试使用以下代码：

但它不起作用，谁能告诉我哪里出了错

与此类似，网格视图搜索文本框控制代码：

<asp:TemplateField HeaderText="Name" Visible="true" HeaderStyle-Width="40%" ItemStyle-Width="40%" >
   <HeaderTemplate>
      Name<br><input name="DynamicTextBox" id="txtName" type="text" style="width: 120px" placeholder="Search Name" />
   </HeaderTemplate>
   <ItemTemplate>
      <asp:Label ID="lblNmae" runat="server" Text='<%#Bind("Name") %>'></asp:Label>
   </ItemTemplate>
</asp:TemplateField>    

名称

我的搜索代码：

 function DataTable() {
         var   table = $('#<%=GridView1.ClientID %>').prepend($('<thead></thead>').append($('#<%=GridView1.ClientID %>').find('tr:first'))).DataTable({
                "paging": true,
                "ordering": false,
                "info": false,
                "pageLength": 10,
                "bLengthChange": false,
                "searchHighlight": true,              

            });
  table.columns().every(function () {
                var that = this;
                $('input', this.header()).on('keyup change', function () {
                    if (that.search() !== this.value) {
                        that
                            .search(this.value).draw();

                    }
                });
            });
 };

function SearchValue(values) {          
            if (values != null || values != "") {
                if (typeof values !== "undefined") {
                    var i = values[0];
                    $('#txtListOFElements').val(i);
                    var j = values[1];
                    $('#txtName').val(j);
                    var k = values[2];
                    $('#txtName').val(k);

                    table.columns().every(function () {
                        var that = this;
                        $('input', this.header()).load('keyup change', function () {
                            if (that.search() !== this.value) {
                                that
                                    .search(this.value).draw();                               

                            }
                        });
                    });
                }
            }
        };  

函数数据表（）{
var table=$（'#'）.prepend（$（''）.append（$（'#'）.find（'tr:first'））.DataTable({
“分页”：正确，
“命令”：错误，
“信息”：错误，
“页面长度”：10，
“bLengthChange”：false，
“searchHighlight”：正确，
});
table.columns（）.every（函数（）{
var=这个；
$（'input'，this.header（））.on（'keyup change'，function（）{
if（that.search（）！==此.value）{
那个
.search（this.value）.draw（）；
}
});
});
};
函数SearchValue（值）{
如果（值！=null | |值！=“”）{
如果（值的类型！=“未定义”）{
var i=数值[0]；
$（'txtListOFElements'）.val（i）；
var j=数值[1]；
$（'#txtName'）.val（j）；
var k=数值[2]；
$（'#txtName'）.val（k）；
table.columns（）.every（函数（）{
var=这个；
$（'input'，this.header（））.load（'keyup change'，function（）{
if（that.search（）！==此.value）{
那个
.search（this.value）.draw（）；
}
});
});
}
}
};  

---

在这里，我如何获取和在哪里更改彩色搜索文本的代码？

您可以使用mark.js插件突出显示搜索结果：

$（函数（）{
//初始化数据表
$（'.datatables'）.DataTable({
//启用mark.js搜索词高亮显示
马克：是的
});
});
标记{
填充：0；
背景：红色！重要；
}

名称
位置
办公室
年龄
开始日期
薪水
名称
位置
办公室
年龄
开始日期
薪水
老虎尼克松
系统架构师
爱丁堡
61
2011/04/25
$320,800
加勒特温特斯
会计
东京
63
2011/07/25
$170,750
阿什顿考克斯
初级技术作者
旧金山
66
2009/01/12
$86,000
塞德里克·凯利
高级Javascript开发人员
爱丁堡
22
2012/03/29
$433,060
佐藤航空
会计
东京
33
2008/11/28
$162,700
布里尔·威廉姆森
集成专家
纽约
61
2012/12/02
$372,000
赫罗德·钱德勒
营业员
旧金山
59
2012/08/06
$137,500
罗娜·戴维森
集成专家
东京
55
2010/10/14
$327,900
科琳赫斯特
Javascript开发人员
旧金山
39
2009/09/15
$205,500
索尼娅·弗罗斯特
软件工程师
爱丁堡
23
2008/12/13
$103,600
杰娜·盖恩斯
办公室经理
伦敦
30
2008/12/19
$90,560
奎因·弗林
支撑导线
爱丁堡
22
2013/03/03
$342,000
查尔德·马歇尔
区域主任
旧金山
36
2008/10/16
$470,600
海莉·肯尼迪
高级市场设计师
伦敦
43
2012/12/18
$313,500
塔蒂亚娜·菲茨帕特里克
区域主任
伦敦
19
2010/03/17
$385,750
迈克尔·席尔瓦
营销设计师
伦敦
66
2012/11/27
$198,500
柏德
首席财务官（CFO）
纽约
64
2010/06/09
$725,000
格洛丽亚·利特尔
系统管理员
纽约
59
2009/04/10
$237,500
布拉德利·格里尔
软件工程师
伦敦
41
2012/10/13
$132,000
戴里奥斯
人事领导
爱丁堡
35
2012/09/26
$217,500
杰内特·考德威尔
开发领导
纽约
30
2011/09/03
$345,000
尤里浆果
首席营销官（CMO）
纽约
40
2009/06/25
$675,000
凯撒万斯
售前支持
纽约
21
2.