代码之家 › 专栏 › 技术社区 › Tyv

删除包含特定单词的单元格,如“否”bot,而不是包含“无”的单词[重复]

html jquery javascript

Tyv · 技术社区 · 6 年前

这个问题已经有了答案:

Select element by exact match of its content 7答

我已经删除了

jQuery('td:contains(No)').parent().hide();

但是包含以“no”开头的单词的单元格也将被删除。

这是我呈现的HTML代码:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="data-table" id="product-attribute-specs-table">
     <col width="25%" />
     <col />
     <tbody>
       <tr>
          <th class="label">Zusatz-Info</th>
          <td class="data">No</td>
       </tr>
       <tr>
           <th class="label">Info</th>
           <td class="data">Nothing</td>
       </tr>
     </tbody>
  </table>
<script type="text/javascript">
  jQuery('td:contains(No)').parent().hide();
</script>

如何仅选择 TD 包含不 ?

感谢jquery新手的帮助。

2 回复 | 直到 6 年前

Mamun 6 年前

你不能那么直接。一种可能的解决方案是 数据- 属性和 Attribute Equals Selector 如下所示:

jQuery('td[data-flag=No').parent().hide();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="data-table" id="product-attribute-specs-table">
   <col width="25%" />
   <col />
   <tbody>
     <tr>
        <th class="label">Zusatz-Info</th>
        <td class="data" data-flag="No">No</td>
     </tr>
     <tr>
         <th class="label">Info</th>
         <td class="data" data-flag="Nothing">Nothing</td>
     </tr>
   </tbody>
</table>

Fiodorov Andrei 6 年前

 $(document).ready(function() {
    $("td").filter(function() {
      if($(this).text() === "No") {
      	$(this).parent().hide();
      }
  	});
 });

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
  <table class="data-table" id="product-attribute-specs-table">
   <col width="25%" />
   <col />
   <tbody>
     <tr>
        <th class="label">Zusatz-Info</th>
        <td class="data" data-flag="No">No</td>
     </tr>
     <tr>
         <th class="label">Info</th>
         <td class="data" data-flag="Nothing">Nothing</td>
     </tr>
   </tbody>
</table>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</body>
</html>

试试这个:

 $(document).ready(function() {
    $("td").filter(function() {
      if($(this).text() === "No") {
        // remove text
        $(this).text('');
        // or hide tr
        $(this).parent().hide();
      }
    });
 });

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

8 月前

Alex · 在轻量级中同时解构和不解构变量

8 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

8 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

8 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

8 月前

user3472810 · Angular@Output/EventEmitter返回undefined

8 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

8 月前