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