Javascript Div上面的另一个JQuery脚本没有'；不行！

我有两个div，我只希望第二个div在[z-index]的下面第一个div，我读到了它，我发现我必须使用以下JQuery脚本：

<script type="text/javascript">
    $('#secondDiv').insertBefore('#firstDiv');
</script>

$（'#secondDiv'）。在（'#firstDiv'）之前插入；

我试过了，但没用，有什么帮助吗

<DetailedTemplate>
<div id="firstDiv" style="background-color:Black">
    <asp:ImageButton ID="SelectButton" Visible='<%# org.SelectedValue == null || Container.DataElement("ID").ToString() != org.SelectedValue.ToString() %>' runat="server" CommandName="Select" CommandArgument='<%# Container.DataElement("ID") %>'
      OnPreRender="SelectButton_PreRender" style="border-style:none; Height:58px; width:113px; cursor:hand"  ImageUrl="~/Contents/Images/item-background.png"/>
</div>

<div id="secondDiv" style="background-color:Red" >
    <center style=" margin: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px;">
        <asp:LinkButton ID="lnkTitle" ForeColor="#6c1b24" Font-Bold="true" runat="server"
            Text='<%# Container.DataElement("Name") %>' NavigateUrl="http://google.com">
        </asp:LinkButton>
        <div runat="server" visible='<%# Convert.ToInt32(Container.DataElement("NumOfChildren")) > 0 %>'
            style="border: 1px solid #6c1b24; width: 15px; text-align: center; height: 15px;
            margin-top: 25px; background-color: #fddb73; font-size: larger; font-family: Courier New;">
            <asp:LinkButton ID="btnExpand" runat="server" ForeColor="#6c1b24" CommandArgument='<%# Container.DataElement("ID")%>'
                CommandName="Expand" Font-Underline="false" Text='<%# Container.NumberOfChildren > 0 ? "-" : "+" %>' />
        </div>
    </center>
</div>

<script type="text/javascript">
    $('#secondDiv').insertBefore('#firstDiv');
</script>
</DetailedTemplate>

$（'#secondDiv'）。在（'#firstDiv'）之前插入；

---

注意：在我的情况下，我不能将div设置为绝对值。

这不需要任何javascript或jQuery，使用纯css就可以轻松完成

你可以在这里看到一个例子：但有很多方法可以做到这一点，在纯css

请记住，当您在css中定位元素时，您是基于同样定位的最近父元素或body标记（如果不存在）来定位的。这就是为什么我将两个内部div包装在一个外部的ahs position relative中-将一个元素设置为position relative不会改变它在页面上的位置，它将与任何其他内联或块级元素一样工作，但它将重置它的所有子元素的起点，即位置，这样就可以包含定位元素

如果你绝对不能使用绝对位置，你可以用相对位置做同样的把戏，这只需要一点数学知识：）

最后，如果不定位元素，z-index没有任何效果，而且这是无法实现的，除非更改标记使顶部元素位于底部元素内

---

一般来说，如果你可以通过纯css来实现，那么尽量不要使用javascript，这将使你的web应用程序变得更好：）

你不需要任何javascript或jQuery来实现这一点，使用纯css可以很容易地实现

你可以在这里看到一个例子：但有很多方法可以做到这一点，在纯css

请记住，当您在css中定位元素时，您是基于同样定位的最近父元素或body标记（如果不存在）来定位的。这就是为什么我将两个内部div包装在一个外部的ahs position relative中-将一个元素设置为position relative不会改变它在页面上的位置，它将与任何其他内联或块级元素一样工作，但它将重置它的所有子元素的起点，即位置，这样就可以包含定位元素

如果你绝对不能使用绝对位置，你可以用相对位置做同样的把戏，这只需要一点数学知识：）

最后，如果不定位元素，z-index没有任何效果，而且这是无法实现的，除非更改标记使顶部元素位于底部元素内

一般来说，如果可以通过纯css实现，请尽量不要使用javascript，这将使您的web应用程序变得更好：）

insertBefore（）

与z-index无关。它将其添加到指定元素之前的DOM树中

使用

insertBefore（）

与z索引无关。它将其添加到指定元素之前的DOM树中

使用

---

它对我不起作用，似乎

z-index

需要一些其他样式才能工作，对不起，我是初学者。z-index没有定位就不能工作，看看我在JSFIDLE上的示例它对我不起作用，似乎

z-index

需要一些其他样式才能工作，对不起，我是初学者。z-index没有定位就不能工作，看看我的例子jsfiddle@Martin：谢谢你的回答和示例，但我提到我不能将

位置

与

绝对

一起使用@john:你能解释一下原因吗？如我所示，如果您只是将它们包装在相对位置的元素中，它们将被包含并易于控制此模板用于第三方控件。当我在div中使用绝对位置时，它是正确的。@John-89将您的两个div包装在另一个具有

position:relative

的div中，然后这两个div是

position:absolute

，这对您的第三方控制应该没有什么区别。@Martin:谢谢您的回答和示例，但是我提到我不能将

位置

与

绝对

一起使用@john:你能解释一下为什么吗？如我所示，如果您只是将它们包装在相对位置的元素中，它们将被包含并易于控制此模板用于第三方控件。当我在div中使用绝对位置时，它是正确的。@John-89将你的两个div包装在另一个具有

position:relative

的div中，然后这两个div是

position:absolute

$("#myId").css("z-index", "-10");