我在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);
但是此代码是错误的,因为使用
id=home
将新的div放入div中。有人可以帮助我吗?
最佳答案
您可以使用.after()函数:
var div=$('<div id="new">new</div>');
var sopra=$('#home');
$( sopra ).after( div );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="home">home
</div>
或者也使用.insertAfter()函数:
var div=$('<div id="new">new</div>');
var sopra=$('#home');
$( div ).insertAfter( sopra );
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="home">home</div>
.after()
和.insertAfter()
方法执行相同的任务。主要区别在于特定于语法的内容和目标的位置。对于.after()
,方法前面的选择器表达式是在其后插入内容的容器。另一方面,使用.insertAfter()
时,内容在方法之前(作为选择器表达式或动态创建的标记),然后将其插入目标容器之后。希望这可以帮助。