如何隐藏JS DOM中的内部元素

Question

<p style="display:none">ppp<pre>123</pre></p>

这将显示" 123"文本，我的目的是一旦隐藏了一个元素，所有孩子也会隐藏，但是为什么不呢？在JavaScript中，我可以找到" P"标签的孩子并隐藏每个标签。这太麻烦了。我想要一种简单的方法，例如"display:none;withChildren:all"一劳永逸。有什么办法？

Answer 1

<pre>和<p>标签都是HTML块标签，不允许将它们彼此嵌套。浏览器不理解并渲染它们，您可以通过打开开发人员工具检查HTML代码。

。

相反，您应该尝试使用<span>或任何内联块标签。

Answer 2

您可以使用.children。例如。

$("p").children().hide(); // hide all children of `p`
$("p").hide(); // hide `p`

您也可以使用CSS选择器。喜欢。

$("p *").hide(); // hide all children of `p`
$("p").hide(); // hide `p`