bootstrap-table表格通过关键字查询并且条件筛选，表格中出现的关键字都标红

标签：有关   regex   dex   执行   htm   表达式   html   on()   win   

• 获取表格行数

 $("#tableId").find("td").length;

• 获取当前行的列数

 $("#exampleTable tr").each(function(rowIndex) { // 遍历表格行
		var colLength = $(this).find("td").length; // 获取当前行的列数
 }

• 获取表格全列数

 $("#tableId").find("td").length;

• 不多废话直接上代码

// 对整个表格进行模式匹配，可以用来模糊查询并标红所有关键字，

$("#exampleTable").on(‘post-body.bs.table‘, function() {

	var txtVal = $("#searchName").val();
	var reg = new RegExp(txtVal, ‘ig‘); // ‘ig‘忽略大小写，在全文中查找指定字符串
	
	if (txtVal != ‘‘ && txtVal != null) {
		$("#exampleTable tr").each(function(rowIndex) { // 遍历表格行
			var colLength = $(this).find("td").length; // 获取当前行的列数
			for (var i = 1; i < colLength; i++) {
				var txtObj = $(this).find("td").eq(i).text();
				var objColor = ‘<span style="color:red">‘ + txtVal + ‘</span>‘;
				var newObj = txtObj.replace(reg, objColor);
				$(this).find("td").eq(i).html(newObj);
			}
		});
	}
});

1. exampleTable：table 的id属性

2. ‘post-body.bs.table‘ ： 在表格体渲染完成，并在 DOM 中可见后触发

3. txtVal：需要标红的关键字

4. reg：该对象是一个正则表达式，对字符串执行模式匹配

bootstrap-table表格通过关键字查询并且条件筛选，表格中出现的关键字都标红

标签：有关   regex   dex   执行   htm   表达式   html   on()   win   

原文地址：https://www.cnblogs.com/aisiyu/p/13191791.html