使用 after 方法可以实现这种效果。
创新互联建站是一家专业提供宁阳企业网站建设,专注与成都做网站、成都网站建设、html5、小程序制作等业务。10年已为宁阳众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。
例如，我想在第2个DIV的后面动态去添加一个DIV,该如何实现?
html 代码：
div id="parent"
div id="one"1/div
div id="two"2/div
div id="three"3/div
/div
Js 代码：
$(function(){
$("#two").after("div我是新添加的内容/div");
//选择 ID 为 #two 的 DIV 节点，在其后边添加一个 DIV 节点
});
先掌握这种方法，然后再探究其他更多实现方式。
var td = "tdol class='menuSeverList menuSeverListcontent' id='child_catalog" + (type + 1) + "'/ol/td";
$("#sever_catalog tr:eq(0) ").append(td);
// DOM文档div
p1/p
p2/p
p3/p
p4/p
/div
script
//
JS
$(function()
{
//
获取dom元素的div
内的p标签的eq(1)第二个元素0为第一个元素after()是在第二个之前添加的意思
$('div
p:eq(1)').after('p2.1/p');
}
/script
问题分析：
首先复述一下你的需求：在页面加载完毕后，将页面中#skin下的img标签进行修改，将其alt属性的值复制一份到其title属性。并在其后面追加h4标签，h4标签的内容为alt属性的值。
解决步骤：
通过使用jQuery的each方法遍历多个img标签。
1、获取alt属性的值。
2、通过jQuery的attr方法将获取的alt属性的值赋值给title属性。
3、通过jQuery的after方法将h4标签追加到img的后面。
举例如下：
HTML代码：
div id="skin"
img src="felix.jpg" alt="felix"
img src="felix.jpg" alt="felix"
img src="felix.jpg" alt="felix"
/div
jQuery代码：
$.each($('#skin img'), function() {
var alt = $(this).attr('alt');
$(this).attr('title', alt).after('h4' + alt + '/h4');
});
页面运行后的HTML代码：
总结：从以上代码截图可以看出，在页面运行后，img标签中多了title属性，以及后面被追加了h4标签，title属性以及h4标签的值与alt属性完全相等。
script type="text/javascript"
$(document).ready(function(){
$("#inner").parent().parent().after("p我是被添加的元素/p");
});
/script
div id="outer"
最外层
div id="middle"
中间层
div id="inner"最内层/div
/div
/div
1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。
2、然后在style标签里声明一个class样式，如下图所示。
3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。
4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。
5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。