jquery 动态添加div同时给div增加了一个id,然后想通过这个id把这个div删掉,请问需要怎么弄?
jquery动态添加div同时给div增加了一个id,然后想通过这个id把这个div删掉,请问需要怎么弄?试了直接用$("#id")找不到元素,,,$(".div_gre...
jquery 动态添加div同时给div增加了一个id,然后想通过这个id把这个div删掉,请问需要怎么弄?
试了直接用$("#id") 找不到元素,,,
$(".div_green").append('<div class="div_red01" id="divlia_'+n+'"></div>');
n = n+1;
没点击一次,就添加一个这样的div,同时n+1
是不是需要给id值进行更新?不知道要怎么弄 展开
试了直接用$("#id") 找不到元素,,,
$(".div_green").append('<div class="div_red01" id="divlia_'+n+'"></div>');
n = n+1;
没点击一次,就添加一个这样的div,同时n+1
是不是需要给id值进行更新?不知道要怎么弄 展开
4个回答
展开全部
把下面的代码跑起来看看,我想你就明白了。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JQuery Test</title>
<script language="javascript" type="text/javascript" src="../js/jquery-1.7.1.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
n = 1;
$(".clickme").click(function(){
$(".div_green").append('<div class="div_red01" id="divlia_'+n+'">新添加的DIV</div>');
n = n+1;
});
$(".div_red01").live("click",function(){alert("事件委托成功!");});
});
</script>
</head>
<body>
<div class="clickme">Click here</div>
<div class="div_green"></div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JQuery Test</title>
<script language="javascript" type="text/javascript" src="../js/jquery-1.7.1.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
n = 1;
$(".clickme").click(function(){
$(".div_green").append('<div class="div_red01" id="divlia_'+n+'">新添加的DIV</div>');
n = n+1;
});
$(".div_red01").live("click",function(){alert("事件委托成功!");});
});
</script>
</head>
<body>
<div class="clickme">Click here</div>
<div class="div_green"></div>
</body>
</html>
追问
$(function() {
n = 1;
$(".clickme").click(function(){
$(".div_green").append('新添加的DIV');
n = n+1;
});
//新加部分
$(".clickme2").click(function(){
$('#divlia_'+n).remove();
});
Click here2
追答
JQuery Test
$(function() {
n = 1;
$(".clickme").click(function(){
$(".div_green").append('新加入的......删除');
n = n+1;
});
//删除父结点
$(".del").live("click",function(){
$(this).parent("div").remove();
});
/*删除当前
$(".div_red01").live("click", function() {
$(this).remove();
});
*/
});
Click here
展开全部
按你的说法,是需要数据库才能实现你的要求
如果单纯的添加,你所写的可以实现添加
如果单纯的添加,你所写的可以实现添加
追问
添加没有问题,我是想再通过另一个按钮的click事件 把添加了的元素删除
追答
$(".div_green > div").click(function(){
$(this).remove();
})
加上这句
这个是你点哪,就那个div直接删除
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
动态添加的元素要用
$("#id").live('click', function() {
/*..........*/
})
$("#id").live('click', function() {
/*..........*/
})
追问
添加的是一个隐藏元素,是通过另一个按钮的点击事件触发删除的,,,这样live要怎么写呀
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你可以用火狐的firebug查看一下有没有报错,我觉得你写的有问题。添加时就有问题
追问
添加什么的都没报错,也能正常运行,只是添加的时候给div加了一个动态的id,然后这个id并没有更新,于是下面的事件里通过id删除,就找不到,,,我知道应该加一个live,但是不知道live怎么加,引文我是通过另一个按钮的click时间来触发的删除动作,然后这个div是隐藏的、、、
追答
你可以随便加个属性如del="del"用jquery获取$("div[del='del']")到来删除
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询