就是我通过jQuery添加的div我怎么实现点击同时添加的删除按钮删除它，用jQuery实现不用JavaScript

发布网友发布时间：2022-04-21 09:10

共4个回答

懂视网时间：2022-04-21 13:32

本文主要给大家简单介绍一下如何动态的在一个元素添加和删除div,希望能够得到举一反三之效。

代码实例如下:

以上代码可以移除添加的div。

示例二：

    Add And Close Div

热心网友时间：2022-04-21 10:40

用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以后是肯定有的

热心网友时间：2022-04-21 11:58

<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；

热心网友时间：2022-04-21 13:32

有意思,难道jQuery不是用javascript 编写的吗?呵呵.