<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="白菜编辑部">
<title>白菜编辑部</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
{
$ ('button').click (function ()
{
$('body').append('<div>11</div>')
})
})
</script>
</head>
<body>
<button>添加div</button>
</body>
</html>
使用 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 节点
})
先掌握这种方法,然后再探究其他更多实现方式。
你不能添加已有的div. 但我理解你的需求是需要添加已有的div. 如果这个我理解为什么不用html()方法来处理已有的div呢?
div内部有表单涉及到提交.这个用html()方式添加也不会存在问题.
我不是很明白为什么一开始你要考虑用append来添加?
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)