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检查元素中获取此代码。在上面你可以找到id为父DIV，而其他DIV在没有id的情况下。我是jquery的业余爱好者，我打算在主要DIV中隐藏孩子DIV，只是为了简单的要求，当我点击某个按钮时，它可见，我可以在它上面工作吗？

如何隐藏它？

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

编辑：好之后隐藏在DIV下的DIV。当我根据下面的按钮点击调用Child 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
        });

问候＆amp;抱歉让事情变得复杂

Answer 1

#myDataTable_wrapper > div
{
display:none;
}

Answer 2

你可以在javascript中使用这样的div：

var divWithId = document.getElementById("myDataTable_wrapper");

然后你可以像上面那样拿走前一个div：

var divs = divWithId.getElementsByTagname("div") //an array of div

在你的情况下你隐藏/显示你的div：

function showHide()
{
    var divWithId = document.getElementById("myDataTable_wrapper");
    var divs = divWithId.getElementsByTagname("div") //an array of div
    var myDiv = divs[0];

    if(myDiv.style.display == "none")
        myDiv.style.display = "block";
    else
        myDiv.style.display = "none";

}

您调用此函数可以更改div的状态。如果div是hiden，函数将显示它。如果显示div，则该函数将隐藏它。

在div中隐藏/显示div？典型的一个

2 个答案: