html表中的jquery完全匹配

Question

我要编辑一个插件，但我的 jquery 列表有问题，它过滤和隐藏了 table/html 的一些元素。

$(document).ready(function(){
    $('tr').find('td:contains("1,0")').closest('tr').hide();
    $('tr').find('td:contains("1.0")').closest('tr').hide();
});

这就是我现在使用它的方式。功能是我不想在行中的任何地方看到带有“1,0”和“1.0”的行。 “1,0”或“1.0”周围可以有任何东西。像“汽车 1,0”或“纸 1.0”。

我遇到的问题是，此代码还隐藏了“paper 11.00”和“cars 1,020”之类的行。 Anyrow 包含任何形式的“1.0”“1,0”。

谁能帮我调整“过滤器”，避免隐藏“11.00”或“1,020”？

Answer 1

使用.filter() 和td.text().match 与正则表达式\b1[.,]0\b 匹配1.0 和1,0

$(document).ready(function() {
  $('td')
    .filter(function() {
      return $(this).text().match(/\b1[.,]0\b/)
    })
    .closest('tr')
    .hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>1.0</td>
  </tr>
  <tr>
    <td>1,0</td>
  </tr>
  <tr>
    <td>1.01</td>
  </tr>
  <tr>
    <td>11.0</td>
  </tr>
  <tr>
    <td>var 1.0 bar</td>
  </tr>
  <tr>
    <td>var 1,0 bar</td>
  </tr>
  <tr>
    <td>1 . 0</td>
  </tr>
</table>

Answer 2

使用JQuery$.each()和RegExp.prototype.test()函数的解决方案：

$(document).ready(function(){
    $('tr td').each(function(i, el){
        if (/\b(1\.0|1,0)\b/g.test($(el).text())) {
            $(el).closest('tr').hide();
        }   
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1">
<tr><td>11.0</td></tr>
<tr><td>cars 1,020</td></tr>
<tr><td>1.0</td></tr>
<tr><td>cars 1,0</td></tr>
</table>