jquery如何在DIV的后面动态添加一个DIV?

Question

如:我想在第2个DIV的后面动态去添加一个DIV,该如何实现?<div><div>1</div><div>2</div><div>3</div></div>

Answer 1

使用 after 方法可以实现这种效果。

例如，我想在第2个DIV的后面动态去添加一个DIV,该如何实现?

html 代码：

1 2 3 4 5

<div id="parent">     <div id="one">1</div>     <div id="two">2</div>     <div id="three">3</div> </div>

Js 代码：

1 2 3 4

$(function(){     $("#two").after("<div>我是新添加的内容</div>");     //选择 ID 为 #two 的 DIV 节点，在其后边添加一个 DIV 节点 });

先掌握这种方法，然后再探究其他更多实现方式。