如何在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`