Javascript 如果单元格中包含特定单词，则隐藏表行

我想能够隐藏一个表行，只有在表中的单元格包含单词“免费”，在我的网站的所有页面上

下面是一个示例页面：

此图显示了要隐藏的第一部分：

如果有人能告诉我怎么做，我将不胜感激

javascript：

document.querySelectorAll('td').forEach(function(td) {
  if (td.textContent.includes('Complimentary')) {
    td.parentElement.style.display = 'none';
  }
});

jQuery：

$('td').each(function() {
  if (this.textContent.includes('Complimentary')) {
    $(this).parent().hide();
  }
});

虽然在您的示例站点中，

.tribe tickets form row

具有

显示：阻止！重要信息

，它将覆盖此项。您可以设置

.opacity=0

，尽管它仍然是可交互的。或者您可以直接将其删除

    $(".tribe-events-tickets tr").each( function (el) {
        $(this).children().each(function () {
            var text = $(this).text();
            if (text.indexOf("Complimentary") !== -1 ) {
                $(this).parent().hide();
            }
        });
    });

这可能会有所帮助，但首先应该修改代码中的CSS规则：

   .tribe-tickets-form-row {
    margin-top: 20px;
    display: block !important;
   }

移除“！重要提示”，它不允许隐藏元素。 我希望这会有帮助

$('#tblId tr').each(function() {
    $(this).find('td')..each(function() {
       if (this.textContent.includes('Complimentary')) {
           $(this).parent().hide();
       }
    });
});

---

#tblId

是该特定表的id，我在tr上迭代，在每个tr中调用每个td，匹配内容并隐藏特定tr

您可以使用Jquery的

：contains（）

选择器，请看这是否回答了您的问题？这是一个怎样的“php”和“wordpress”问题？@Bec9999您想只隐藏在特定页面上还是整个网站上。请确认。该文本是否为补充文本，将始终在表中找到。