$("#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');
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:该对象是一个正则表达式,对字符串执行模式匹配