就是我通过jQuery添加的div我怎么实现点击同时添加的删除按钮删除它，用jQuery实现不用JavaScript
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content...
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(
function(){
$("#add1").click(function(){
$("<div title='香蕉'>香蕉<input type='submit' class='delet2' name='Submit2' value='删除' /></div>").clone(true).appendTo("#two")
})
$(".delet2").click(function(){
$(this).parent().remove();
}) })
</script>
<body>
<div id="two">
<div title="苹果">苹果<input type='submit' class='delet2' name='Submit2' value='删除' /></div>
</div>
<input name="" id="add1" type="button" value="添加" />
</body>
</html> 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(
function(){
$("#add1").click(function(){
$("<div title='香蕉'>香蕉<input type='submit' class='delet2' name='Submit2' value='删除' /></div>").clone(true).appendTo("#two")
})
$(".delet2").click(function(){
$(this).parent().remove();
}) })
</script>
<body>
<div id="two">
<div title="苹果">苹果<input type='submit' class='delet2' name='Submit2' value='删除' /></div>
</div>
<input name="" id="add1" type="button" value="添加" />
</body>
</html> 展开
展开全部
用live进行事件委托，具体可以看一下jQuery对它的解释
$(".delet2").click(function(){
$(this).parent().remove();
}) })
改成如下
$(".delet2").live("click",function(){
$(this).parent().remove();
});
这样js动态生成的对应element也会有相应的click事件了，不过忘记了jQuery 1.3.1有没有live，1.4以后是肯定有的
$(".delet2").click(function(){
$(this).parent().remove();
}) })
改成如下
$(".delet2").live("click",function(){
$(this).parent().remove();
});
这样js动态生成的对应element也会有相应的click事件了，不过忘记了jQuery 1.3.1有没有live，1.4以后是肯定有的
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(
function(){
var i=0;
$("#add1").click(function(){
$("<div id='div"+i+"'>香蕉<input type='submit' class='delet2' id='btn_div"+i+++"' value='删除' onClick='removeP(this);' /></div>").clone(true).appendTo("#two");
});
});
function removeP(thisBtn)
{
var divId=thisBtn.id.replace("btn_","");
$("#"+divId).remove();
}
</script>
<body>
<div id="two">
<div title="苹果">苹果<input type='submit' class='delet2' name='Submit2' value='删除' /></div>
</div>
<input name="" id="add1" type="button" value="添加" />
</body>
</html>
不知道这样可以符合你的要求不？ 似乎楼上的方法也可以而且是纯jQuery；
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script src="jquery-1.3.1.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(
function(){
var i=0;
$("#add1").click(function(){
$("<div id='div"+i+"'>香蕉<input type='submit' class='delet2' id='btn_div"+i+++"' value='删除' onClick='removeP(this);' /></div>").clone(true).appendTo("#two");
});
});
function removeP(thisBtn)
{
var divId=thisBtn.id.replace("btn_","");
$("#"+divId).remove();
}
</script>
<body>
<div id="two">
<div title="苹果">苹果<input type='submit' class='delet2' name='Submit2' value='删除' /></div>
</div>
<input name="" id="add1" type="button" value="添加" />
</body>
</html>
不知道这样可以符合你的要求不？ 似乎楼上的方法也可以而且是纯jQuery；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有意思,难道jQuery不是用javascript 编写的吗?呵呵.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
