jQuery DataTables精准匹配搜索问题求助

当前代码出现的问题根源：用val.join('|')作为搜索词时，DataTables默认是包含匹配+智能拆分逻辑，所以搜索Ordered会匹配所有包含该字符串的单元格（比如Ordered (A)），导致结果超出预期。

解决方案 #

通过正则精确匹配限定只匹配完全一致的单元格内容，同时处理选项中的正则特殊字符（如括号），并关闭DataTables的智能搜索。

具体修改代码

1. 先添加正则特殊字符转义函数，避免括号等元字符干扰正则匹配：

function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

2. 调整筛选逻辑，给每个选项添加精确匹配的正则边界：

var table = $('#editable').DataTable();
var data = $.map($(this).select2('data'), function(value, key) {
  if (value.text !== '') {
    var trimmedText = value.text.trim();
    // 转义特殊字符后，用^和$限定整单元格精确匹配
    return '^' + escapeRegExp(trimmedText) + '$';
  }
});
var val = data.join('|');
// 开启正则模式，关闭智能搜索
table.column(5).search(val, true, false).draw();

修改说明 #

• escapeRegExp：转义选项中的括号等正则特殊字符，防止正则语法错误
• ^xxx$：强制正则只匹配完全等于xxx的单元格内容
• search(val, true, false)：true启用正则匹配，false关闭DataTables的智能搜索（避免自动拆分搜索词）

验证后效果：

• 选择Ordered时，仅匹配单元格内容为Ordered的行
• 选择Ordered (A)时，仅匹配单元格内容为Ordered (A)的行
• 多选多个选项时，会同时匹配所有选中的精确内容

内容的提问来源于stack exchange，提问作者Ashish