Javascript jquery-将div动态添加到子级

我想在HTML中的SecondDiv之后动态添加此警告div。 请建议我们在jquery中如何简单地实现这一点

HTML:

<div class="panel panel-default">
    <div class="panel-heading">

    </div>
    <div class="panel-body">
        <div class="table-responsive" id="FirstDiv">

        </div>
        <hr/>
        <div class="table-responsive" id="SecondDiv">

        </div>
        <hr/>
        <div class="table-responsive" id="ThirdDiv">

        </div>
    </div>
</div>

<div class="note note-warning"> 
    <div class="block-warning"> 
        <h4 class="block"> <i class="demo-icon icon-attention-1 fa"></i> Warning! Some Header Goes Here</h4>
        <p>Warning </p>
    </div>
</div>

警告分区：

<div class="panel panel-default">
    <div class="panel-heading">

    </div>
    <div class="panel-body">
        <div class="table-responsive" id="FirstDiv">

        </div>
        <hr/>
        <div class="table-responsive" id="SecondDiv">

        </div>
        <hr/>
        <div class="table-responsive" id="ThirdDiv">

        </div>
    </div>
</div>

<div class="note note-warning"> 
    <div class="block-warning"> 
        <h4 class="block"> <i class="demo-icon icon-attention-1 fa"></i> Warning! Some Header Goes Here</h4>
        <p>Warning </p>
    </div>
</div>

警告有些头球在这里
警告

假定它处于页面加载状态。 你可以这样做

$(function() {
    $('.note.note-warning').appendTo($('#SecondDiv'));    
});

---

您可以使用

after

函数执行以下操作

$('#SecondDiv').after('<div class="note note-warning"><div class="block-warning"><h4 class="block"> <i class="demo-icon icon-attention-1 fa"></i> Warning! Some Header Goes Here</h4><p>Warning </p></div></div>');

$（'#SecondDiv'）。在（'Warning！此处有一些标题Warning
'）之后；

这就是你需要的吗

   document.getElementById('SecondDiv').appendChild(document.getElementById('warnin‌​gDiv');. 

我会在你的警告栏里加上一个ID

刚刚注意到你说了JQUERY

$('#warningDiv').appendTo($('#SecondDiv');

---

根据您可以使用的javascript

一个建议是使用警告div的Id：

var d1=document.getElementById（'SecondDiv'），//目标元素
wd=document.getElementsByClassName（'note'）[0].cloneNode（true）；//获取警告div的新副本
wd.id='warningDiv'；//给这个div输入一个id
d1.插入式相邻TML（“后端”，wd.outerHTML）；//将div置于目标div之后
document.getElementById（'warningDiv'）。style.display='block'；//如果隐藏，则显示div

。注意{显示：无；}

警告
二等兵

.选定{
背景颜色：绿色；
}
$（文档）.ready（函数（）{
szDiv='警告！一些标题出现在这里。警告
'；
$（szDiv）.插入后面（#SecondDiv）
});

在此处输入代码
$（文档）.ready（函数（）{
$（“#按钮ID”）。单击（函数（）{
$（“#firstid”）.clone（）.appendTo（“#secondid”）；
返回false；
});
这方面的任何东西都将被添加

在什么上下文中动态地

是什么意思？document.getElementById（'SecondDiv'）.appendChild（document.getElementById（'warningDiv'）；。我会在警告div中添加一个ID，以这种方式添加$（“#SecondDiv”）.append（$（“#warningDiv”）.html（））你想添加什么事件？可能是@thisOneGuy的重复，只是用jQuery更新。我会试试，我是新来的。