我在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()时,内容在方法之前(作为选择器表达式或动态创建的标记),然后将其插入目标容器之后。
  希望这可以帮助。

10-05 20:38
查看更多