搜索结果红色php,bootstrap table搜索结果突出变红

这段代码展示了如何使用BootstrapTable插件实现在表格中搜索时,将匹配的搜索关键字高亮显示为红色。通过监听'post-body.bs.table'事件,获取搜索关键字并使用正则表达式在表格单元格内容中替换,达到高亮效果。适用于前端开发中的表格数据展示优化。
摘要由CSDN通过智能技术生成

bootstrap table搜索结果突出变红

直接上代码:/**

* 搜索结果突出(变红)

*/

$("#tables,#tables1").on('post-body.bs.table', function () {

var txtReportName = $.trim($(this).parent().parent().prev().find('.search').children().val());

var reg = new RegExp(txtReportName, 'ig');

var tableId = $(this)[0];

if (txtReportName != null && txtReportName!='') {

for (var i = 1; i 

var length = tableId.rows[i].cells.length-1;

if(tableId.rows[i].cells.length>1){

for (var j=1;j

var bb = tableId.rows[i].cells[j].innerHTML;

if(( bb + '').indexOf(txtReportName)!==-1){

var displayColor = "" + txtReportName + "";

var cc = bb.replace(reg, displayColor);

tableId.rows[i].cells[j].innerHTML = cc;

}

}

}

}

}

});

bootstrap table搜索结果突出变红  试试吧!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值