css - 隐藏具有特定文本作为内容的 div

Question

我有一个要隐藏的 DIV，但我不能给它一个特定的 ID...实际上我无法更改 DIV 的文本，因为它是从数据库中检索的，但我可以在它之前添加一些 html 并且我知道 DIV 的确切文本内容。

它是这样的：

<div class="this_div">content_of_this_div</div>

所以，我认为也许寻找特定的内容，然后将 div 封装在一个隐藏的 div 中可以工作......或类似的东西......任何想法？

谢谢

Answer 1

如果您可以在它周围插入其他 HTML，那么您可以使用另一个 div 来隐藏它

使用 CSS 和 HTML

.hidden { display: none; }   
...  
<div class="hidden"><div class="this_div">content_of_this_div</div></div>

使用 HTML 和内联 CSS

<div style="display: none;"><div class="this_div">content_of_this_div</div></div>

Answer 2

如果您只是希望能够选择它而不给它一个特定的 ID，您可以做很多事情。之前创建一个带有 id 的空 div，然后使用直接兄弟选择器：

#divid+div {}

或使用许多其他 css 选择器来完成相同的操作

但我确实推荐前面提到的外部 div 技术

Answer 3

将其包装在您自己的 div 中似乎是最明智的。

<div id="mydiv">
  <div class="this_div">content_of_this_div</div>
</div>

然后隐藏你的div：

document.getElementById("mydiv").style.display="none";

或者，使用 jQuery。如果那只是类的实例，你可以这样做

$(".this_div").hide();