正则表达式在表格中查找带括号的单词

Question

我有这张桌子。

<input id="emp_search" />
<input id="search" type="button" value="search" />
<table>
   <tr>
       <th>First Name</th>
       <th>Last Name</th>
       <th>number</th>
       <th>letters</th>
       <th>Gender</th>
       <th>Company</th>
   </tr>
   <tr>
       <td>John</td>
       <td>Lennon</td>
       <td>151</td>
       <td>sf</td>
       <td>Male</td>
       <td>Corp (Technologies)</td>
   </tr>
   <tr>
       <td>Paul</td>
       <td>McCartney</td>
       <td>753</td>
       <td>tj</td>
       <td>Male</td>
       <td>Corp (Services)</td>
   </tr>
   <tr>
       <td>George</td>
       <td>Harrison</td>
       <td>24</td>
       <td>ge</td>
       <td>Female</td>
       <td>Corp Technologies</td>
   </tr>
   <tr>
       <td>Ringo</td>
       <td>Starr</td>
       <td>26</td>
       <td>hg</td>
       <td>Female</td>
       <td>Corp (Help Desk)</td>
   </tr>
</table>

当您搜索“John Paul”或“John Mccartney”等确切字词时，结果应该是包含搜索字词的 2 行。 （这就是我的 jquery 的功能，你可以找到多个单词并得到多个精确的结果。

现在我的问题是，当您搜索包含“SMS Global (Help Desk)”等括号的单词时。它甚至不起作用。

$(function () {
    $(' #search ').click(function () {

        var str = $('#emp_search').val();
        var strary = str.split(' ');

        $("table").find("tr").slice(1).each(function (index) {
            var text = $.trim($(this).find("td:nth-child(6)").text());

            for (var i = 0; i < strary.length; i++) {
                console.log("%s:%s", text, strary[i]);
                var regex = new RegExp(".*\\b" + strary[i] + "\\b\.*", "gi");
                $(this).toggle(regex.test(text));
                console.log(regex.test(text));
                if (regex.test(text)) 
                    break;
            }
        });
    });
});

好的，这里有一个解释。假设我可以搜索的唯一列是第一列。您可以在其中键入 john 和 paul ，它们位于同一列中。和确切的词。所以关于 sms global（技术），我将搜索 sms global（技术）|sms global（帮助台），并会得到包含正在搜索的单词的两行。

JSFiddle

代码有问题吗？我不知道这些代码。我刚找到它。我正在努力练习和理解它。但现在我只是一个新程序员。

Answer 1

这将帮助您使用括号进行搜索

见小提琴：CLICK ME

这里是代码：

$(function () {


    $(' #search ').click(function () {

        var str = $('#emp_search').val();
        var strary = str.split(' ');

        $("table").find("tr").slice(1).each(function (index) {
            var text = $.trim($(this).text());
            for (var i = 0; i < strary.length; i++) {
                console.log("%s:%s", text, strary[i]);
                var tempStr;
                tempStr = strary[i].replace("(", "\\(");
                tempStr = tempStr.replace(")", "\\)");
                alert(tempStr);
                var regex = new RegExp(".*" + tempStr + ".*", "gi");
                $(this).toggle(regex.test(text));
                console.log(regex.test(text));
                if (regex.test(text)) break;
            }
        });
    });

});

Answer 2

您的正则表达式中的括号有两个问题。

首先是括号在正则表达式中具有特殊含义。

为了避免特殊字符的困难，您需要对这些字符进行转义。

以下函数摘自stackoverflow问题How to properly escape characters in regexp

function quote(regex) {
  return regex.replace(/([()[{*+.$^\\|?])/g, '\\$1');
}

你可以这样使用它

for (var i = 0; i < strary.length; i++) {
   console.log("%s:%s", text, strary[i]);
   var regex = new RegExp(".*\\b" + quote(strary[i]) + "\\b\.*", "gi");
   $(this).toggle(regex.test(text));
   console.log(regex.test(text));
   if (regex.test(text)) break;
}

但是这并不能解决您的问题。

因为除了是一个特殊字符'('是一个非单词字符。你的正则表达式搜索单词和非单词字符之间的边界，然后是搜索字符串，然后是单词和非单词之间的另一个边界word。因为 '(' 是一个非单词字符，所以空格和 '(' 之间没有界限。

您有几种方法可以解决此问题。 一种是从搜索字符串的开头或结尾删除非单词字符。 如果您的字符串以非单词字符开头或结尾，另一种方法是删除单词边界。 或者如果字符串以非单词字符开头或结尾，则将单词边界替换为单词非边界。

Alt1：

function clean(regex) {
  var tmp=regexp.replace(/^\W|\W$/g, '');
  return "\\b" + tmp.replace(/([()[{*+.$^\\|?])/g, '\\$1') + "\\b";
}

Alt2：

function clean(regex) {
  var tmp=regexp.replace(/([()[{*+.$^\\|?])/g, '\\$1');
  tmp=tmp.replace(/^((\\)?\w)/, '\\b$1')
  tmp=tmp.replace(/((\\)?\w)$/, '$1\\b')
  return tmp
}

Alt3：

function clean(regex) {
  var tmp=regexp.replace(/([()[{*+.$^\\|?])/g, '\\$1');
  tmp = "\\b" + regexp + "\\b"
  tmp = tmp.replace(/^\\b((\\)?\W)/,'\\B$1')
  tmp=tmp.replace(/((\\)?\W)\\b$/, '$1\\B')
  return tmp
}

与

一起使用

for (var i = 0; i < strary.length; i++) {
   console.log("%s:%s", text, strary[i]);
   var regex = new RegExp(clean(strary[i]), "gi");
   $(this).toggle(regex.test(text));
   console.log(regex.test(text));
   if (regex.test(text)) break;
}

注意：以上内容未经测试，可能包含错误。