如果包含字符串，Vanilla JS 隐藏 Div

Question

我正在处理有时在显示产品时返回错误代码的 CMS。

我目前正在学习基本的 JS，搜索了整个堆栈溢出，但找不到适用的答案。

在本页

在使用的产品部分，每个产品都会出现“#ResourceNotFound: ProjectResources, inside# New Construction : No”的错误代码。

有没有一种简单的方法可以使用javascript从前端隐藏这些片段？

我曾经尝试过的代码是

document.querySelectorAll('.text-medium').forEach((element, index) => {
   if (element.innerText.includes('New Construction :  No')) {
       element.style.display = 'none';
   }
})

Answer 1

您需要检查是否存在这两个短语，因为它们位于单独的<div>元素中。 此外，使用textContent而不是innerText 。

document.querySelectorAll('.text-medium').forEach((element, index) => {
   if (element.textContent.includes('New Construction :  No')
    || element.textContent.includes('#ResourceNotFound: ProjectResources')) {
       element.style.display = 'none';
   }
})