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

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

例如，我想在第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 节点

})

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

//页面加载

$(document).ready(function(){

//给所有的父类DIV添加事件

$('.class_one').live('click', function() {

$(this).children().eq(1).css("display","none")

})

})

你在你的JS中加入这样一段话

它的意思是：点击父类时，找到父类下的第二个子集，给这个子集添加css样式

希望能对你有所帮助吧！

---