在html表jquery完全匹配

Question

我即将编辑一个插件，我有一个jQuery列表的问题，即过滤和隐藏表/ 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”。

我遇到的问题是，该代码还隐藏了“纸张11.00”和“汽车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>