使用JS动态添加元素和移除元素 javascript 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 删除相应的div,你的有问题吗?貌似把整个最外层删掉了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script><script type="text/javascript">$(function(){ //添加div $(".add").click(function () { var div = '<div class="div2"><div class="div3">自动添加的文本</div>' + '<div class="commondivremove"><button class="button1">删除</button></div></div>'; $("#ddd").append(div); }); //移除div $("#ddd").on('click', 'button[class="button1"]', function () { $(this).parents('.div2').remove(); }); })</script></head><body><div id="ddd"> <div class="div1" > <div class="div2"> <div class="div3"> <a>文本1</a> </div> <div class="div3"> <button class="button1">删除</button> </div> </div> <div class="div2"> <div class="div3"> <a>文本2</a> </div> <div class="div3"> <button class="button1">删除</button> </div> </div> <div> <button class="add">添加div</button></body></html> 你要看一下你的JQ库是什么版本的,有些老的版本是没有支持on的。。 jquery 代码this的用法 动态添加的文本框加maxlength js如何才能截取到到记录集里面的部分字符串。 javascript在自定义添加事件后,firefox如何读取事件event对象 各位大虾帮个忙,在线等,急!急!火烧眉毛 select的这个功能怎么实现? 如何从数据库读取数据放到下拉列表里? 怎么实现新开小窗口自动最小化功能?在线等待!多谢各位大侠!! 书上说对象和方法来自于函数,可我还是搞不清楚函数和方法的区别,谢谢! flash点击播放能不能加自己的事件处理 Struts2 Action参数问题 求高手帮忙改下带箭头滚动的JS
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
//添加div
$(".add").click(function () {
var div = '<div class="div2"><div class="div3">自动添加的文本</div>' +
'<div class="commondivremove"><button class="button1">删除</button></div></div>';
$("#ddd").append(div);
});
//移除div
$("#ddd").on('click', 'button[class="button1"]', function () {
$(this).parents('.div2').remove();
});
})
</script>
</head><body><div id="ddd">
<div class="div1" >
<div class="div2">
<div class="div3">
<a>文本1</a>
</div>
<div class="div3">
<button class="button1">删除</button>
</div>
</div>
<div class="div2">
<div class="div3">
<a>文本2</a>
</div>
<div class="div3">
<button class="button1">删除</button>
</div>
</div>
<div>
<button class="add">添加div</button></body>
</html>