隐藏具有特定文本作为内容的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

将它包裹在你自己的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();

Answer 3

如果您只想在不给它特定ID的情况下选择它，您可以做很多事情。使用之前的id创建一个空div，然后使用直接兄弟选择器：

#divid+div {}

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

但我确实推荐上述外部div技术