jQuery隱藏父級但不是子級

Question

我正在尋找隱藏子元素的父級，但不隱藏子元素本身。

<div class="bordered"> 
    <div class"banner-outer"> 
     <span class="text">My text content</span> 
    </div> 
</div> 

當我做這樣的事情：

$(".bordered").hide(); 
$(".text").show(); 

內最元素.text保持隱藏，因爲父母的。有沒有辦法只顯示子元素？

Answer 1

在一個字，號

但是，你可以做一些像移動「的.text」跨度是你的「.bordered」 DIV的孩子。

$span=$(".text").clone(); 
$(".text").remove(); 
$(".bordered").append($span); 

我也建議使用ID的而不是類，如果你要操縱這樣的DOM。

Answer 2

按照定義，如果你隱藏父div，childs也是隱藏的。

您必須以不同的方式繼續。

但，如果你只是想取消「加邊」類的效果，你可以刪除類這樣的：

$(".bordered").removeClass("bordered"); 

你也可以做孩子的div的副本，並將其追加到文件。