Question

我在html页面中有一个div：

<div id="home">
</div>

现在我想在id = home的div下放置另一个div。我的意思是在另一个div下：

<div id="home">
</div>
<div id="new">
</div>

这是我的jquery代码：

var div=$('div');
var sopra=$('#home');
sopra.append(div);

但是这段代码错了，因为将新div放在div中id=home。

任何人都可以帮助我？

Answer 1

纯JavaScript ：您可以使用insertAdjacentHTML()方法执行此操作：

document.getElementById('home').insertAdjacentHTML('afterend', '<div id="new"></div>');

afterend表示关闭</div>代码后。

段：

document.getElementById('home').insertAdjacentHTML('afterend', '<div id="new">new</div>');

<div id="home">home</div>

Answer 2

您可以使用 .after() 功能：

＆＃13;

var div=$('<div id="new">new</div>');
var sopra=$('#home');

$( sopra ).after( div );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="home">home
</div>

＆＃13;

或使用 .insertAfter() 功能：

＆＃13;

var div=$('<div id="new">new</div>');
var sopra=$('#home');

$( div ).insertAfter( sopra );

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="home">home</div>

＆＃13;

.after()和.insertAfter()方法执行相同的任务。主要区别在于语法特定，内容和目标的放置。对于.after()，方法前面的选择器表达式是插入内容之后的容器。另一方面，对于.insertAfter()，内容在方法之前，作为选择器表达式或作为动态创建的标记，并且在目标容器之后插入。希望这会有所帮助。

如何在另一个jquery之后插入div

2 个答案: