在隐藏的父Div中显示子Div

Question

在隐藏其父级Div的同时如何显示子Div？能做到吗？

我的代码如下：

<style>
  .Main-Div{
   display:none;
}
</style>

<div class="Main-Div">
    This is some Text..
    This is some Text..
    <div class="Inner-Div'>
        <a href="#"><img src="/image/pic.jpg"></a>
    </div>
    This is some Text..
    This is some Text..
</div>

Answer 1

我认为这是不可能的。

您可以使用javascript将元素拉出，或复制元素然后显示。

在jQuery中，您可以复制一个元素

var element = jQuery('.Inner-Div').clone();

然后附加到任何适当的可见元素。

element.appendTo('some element');