<p style="display:none">ppp<pre>123</pre></p>
这将显示文字“123”,我的目的是一旦我隐藏了一个元素,所有的孩子都会隐藏,但为什么不呢?在javascript中,我可以得到“p”标签的子项并隐藏每一个。这太麻烦了。我想要一个简单的方法,比如"display:none;withChildren:all"
一劳永逸。有什么办法吗?
<pre>
和<p>
标记都是HTML块标记,不允许嵌套在彼此内部。浏览器无法理解并单独呈现它们,您可以通过开放式开发人员工具检查HTML代码。
相反,您应该尝试使用<span>
或任何内联块标记。
你可以使用.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`