Question

我的静态页面中有一系列DIV标签。在加载页面时，根据业务规则，我需要在标记之间动态嵌入DIV标记。

注意：要求是不要在设计过程中将其添加为隐藏，并根据业务规则进行显示。

我的HTML，

    <div class="header">
        <div class="titles-bar">
            <div id="dvDynamicHeader">
                <div id="mainTabsGroups1" data-enhance="false">
                    <ul class="tabs left">
                        <li class="current" id="tabCustomers"><a href="#">Customers</a></li>
                    </ul>
                </div>
<!--Dynamic div-->
                <div id="mainTabsGroups2" data-enhance="false">
                    <ul class="tabs left">
                        <li><a id="tabBusinessUnits" href="#">Business Units</a></li>
                    </ul>
                </div>
<!--End of Dynamic div-->
                <div id="mainTabsGroups3" data-enhance="false">
                    <ul class="tabs left">
                        <li class="current" id="tabCustomers"><a href="#">Customers</a></li>
                        <li><a id="tabApplications" href="#">Applications</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

Answer 1

只需将其放在加载页面的任何位置，然后在,DBOGD.Name AS Gender ,(CAST(DATEDIFF(yy,GD.Birth_Day,getdate()) AS NVARCHAR(100)) + '' yrs'') AS Age ,CAST(GD.Mobile AS VARCHAR(100)) AS Mobile ,GD.NIC_No ,GD.Language FROM [booking].[Guest_Details] AS GD ...'内使用jQuery $(document).ready()函数。

insertAfter()

注意：它是否隐藏无关紧要，因为该功能一开始就会触发。

Answer 2

我认为jQuery after是您正在寻找的。您可以添加由给定选择器匹配的元素/ textafter元素。

＆＃13;

$(".insertAfterMe").after("<div>Inserted DIV</div>");

＆＃13;

div {
  margin: 3px;
  border: 1px solid;
  padding: 2px;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <h2>Greetings</h2>
  <div class="insertAfterMe">Hello</div>
  <div>Goodbye</div>
</div>

＆＃13;

如何在Div之间动态添加div

2 个答案: