jquery - 隐藏/显示 div 内的 div ？典型的

Question

我的代码:

    <div id="myDataTable_wrapper" class="dataTables_wrapper" role="grid">

    <div class="DTTT_container ui-buttonset ui-buttonset-multi" style="position: relative;">

    <button class="DTTT_button DTTT_button_copy ui-button ui-state-default"id="ToolTables_myDataTable_0">
    <span>Copy</span></button>
    <button class="DTTT_button DTTT_button_csv ui-button ui-state-default" id="ToolTables_myDataTable_1">
<span>CSV</span></button>
    <button class="DTTT_button DTTT_button_xls ui-button ui-state-default" id="ToolTables_myDataTable_2">
<span>Excel</span></button>
    <button class="DTTT_button DTTT_button_pdf ui-button ui-state-default" id="ToolTables_myDataTable_3">
<span>PDF</span></button>
    <button class="DTTT_button DTTT_button_print ui-button ui-statedefault"id="ToolTables_myDataTable_4">
<span>Print</span></button>  
    </div>
//here all my datatable html code comes .....
    </div>

我从 Google chrome inspect element 获得了这段代码。在上方您可以找到带有 id 的父 DIV，而在其他没有 id 的 DIV 下方。我是 jquery 的业余爱好者，我打算将子 DIV 隐藏在主 DIV 中，只是为了满足简单的要求，以便在我单击某个按钮时使其可见等等我可以处理它吗？

如何隐藏它？

#myDataTable_wrapper // but i want child div which have no ID whatsoever 
{
display:none;
}

编辑:好吧，在将 DIV 隐藏在 Parent DIV 下之后。当我根据按钮单击调用子 DIV 时，最初隐藏的整个 DIV 内容应该出现在 POPUP 或菜单下或任何其他位置而不是以前的位置。

 $('#sss').click(function () {
            alert("ss");

$('#myDataTable_wrapper DTTT_container').dialog(//Hidden Div fetching logic inside should be written here  );
           //need to do something ,i am missing something
        });

问候&抱歉让事情变得复杂难以理解

Answer 1

#myDataTable_wrapper > div
{
display:none;
}