Javascript 当子div包含特定文本时，如何隐藏父div？

这是我的一个问题

当出现某个文本时，我试图隐藏整个div。如何使用Javascript或Jquery实现这一点

我已经尝试过ff：

$containers = document.querySelectorAll("div.row.word-style.table-border");

for ($container of $containers) {
  if ($container.innerText.includes('Internal Request')) {
    $container.style.display = "none";
  }
}

但它只会隐藏第一个div。我有多个像小提琴上的那个一样的div

---

有人能帮忙吗？

使用jQuery很简单，只需使用父选择器：

$('.col-md-1').each(function () {
  if ($(this).text().includes('Tech assistance')) {
    $(this).parent().hide();
  }
})

---

使用loop并检查字符串是否存在，是否使用indexOf，如下所示

$'.table border div'.eachfunctionindex，元素{ 如果$this.text.indexofinal内部请求>=0{ $this.parent.hide； } }; .表格边框{ 边框底部：1px实心c9cacc； 垫底：20px； 填充顶部：20px； 高度：73px； } .字型{ 字体系列：Roboto Light； 字体大小：15px； 颜色：6d6e71； 字母间距：0.5px； 线高：15px； 文本对齐：居中； } .col-md-1{ 宽度：8.33333%； } .col-md-3{ 宽度：25%； } .col-md-2{ 宽度：16.666.7%； } .col-md-1， .col-md-2， .col-md-3， .col-md-4， .col-md-5， .col-md-6， .col-md-7， .col-md-8， .col-md-9， .col-md-10， .col-md-11， .col-md-12{ 浮动：左； } div{ 宽度：1200px； } 技术援助内部请求 部分 典型的 刚出现的 技术援助 物联网 典型的 刚出现的

---

包含在IE中不起作用。您可以使用

 <script>

$(document).ready(function() {
//It will hide the parent which child contain only Closed not Closed Case
$(".col-md-1").filter(function() {
    return $(this).text() === "Closed";
}).parent().hide();


});

</script>

Div元素：

<div class="row word-style table-border">
  <div class="col-md-1">Tech assistance Internal Request</div>
  <div class="col-md-1">Closed Case</div>
  <div class="col-md-1">Normal</div>
  <div class="col-md-1">New</div>
</div>

<div class="row word-style table-border">
  <div class="col-md-1">Tech assistance</div>
  <div class="col-md-1">Closed</div>
  <div class="col-md-1">Normal</div>
  <div class="col-md-1">New</div>
</div>

---

非常感谢。只有一个问题。如果文本是闭式的，我只想隐藏那些刚闭和没有闭式的文本，那还有可能吗？现在它还隐藏了那些已经关闭的案例如果…包括关闭&&。。。包括封闭式案例谢谢！只有一个问题。如果文本是闭式的，我只想隐藏那些刚闭和没有闭式的文本，那还有可能吗？现在它还隐藏了那些封闭的案例@ShreeI真的不明白你的意思。你能提供更多关于“结案”的细节和它出现的地方吗？@Arden，请检查这段代码，它会起作用的。也会解决你的“结案”问题。谢谢