JQUERY 如何删除动态添加的元素？
$(document).ready(function(){$(".tab1_tag1_cona").click(function(){var$abca=$(this).h...
$(document).ready(function(){
$(".tab1_tag1_con a").click(function(){
var $abca=$(this).html();
var $parent = $(".tab1_tag2_con");
var $parentlen=$(".tab1_tag2_con").children("a").length;
alert('<a href="javascript:void(0)">'+$abca+'</a>');
if ($parentlen<9)
{
$parent.append('<a href="javascript:void(0)">'+$abca+'</a>');
}
else
{
alert("不能添加超过10个");
}
});
$(".input_bt7").click(function(){
var $city = $("#input_bt77").attr("value");
var $parent = $(".tab1_tag2_con");
$parent.append($city);
});
$(".tab1_tag2_con a").click(function(){
$(this).remove();
});
});
删除tab1_tag2_con a里原有的<a>就可以，但是不能删除后来添加的<a> 展开
$(".tab1_tag1_con a").click(function(){
var $abca=$(this).html();
var $parent = $(".tab1_tag2_con");
var $parentlen=$(".tab1_tag2_con").children("a").length;
alert('<a href="javascript:void(0)">'+$abca+'</a>');
if ($parentlen<9)
{
$parent.append('<a href="javascript:void(0)">'+$abca+'</a>');
}
else
{
alert("不能添加超过10个");
}
});
$(".input_bt7").click(function(){
var $city = $("#input_bt77").attr("value");
var $parent = $(".tab1_tag2_con");
$parent.append($city);
});
$(".tab1_tag2_con a").click(function(){
$(this).remove();
});
});
删除tab1_tag2_con a里原有的<a>就可以，但是不能删除后来添加的<a> 展开
3个回答
展开全部
删除可以使用 jQuery 文档操作 - remove() 方法
定义和用法
remove() 方法移除被选元素，包括所有文本和子节点。
该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。
但除了这个元素本身得以保留之外，remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。
实例
<!--移除所有P元素-->
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").remove();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>删除所有 p 元素</button>
</body>
</html>
添加元素可以使用 jQuery 文档操作 - append() 方法
定义和用法
append() 方法在被选元素的结尾（仍然在内部）插入指定内容。
实例
<!--在每个 p 元素结尾插入内容-->
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").append(" <b>Hello world!</b>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>
拓展：jQuery添加元素的方法还有before()、after()、insertAfter() 、insertBefore()、appendTo()、prepend()、prependTo()等等。可以查看jquery官网文档或者W3School的jQuery 参考手册 - 文档操作
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把
$(".input_bt7").click(function(){
var $city = $("#input_bt77").attr("value");
var $parent = $(".tab1_tag2_con");
$parent.append($city);
});
$(".tab1_tag2_con a").click(function(){
$(this).remove();
});
写成函数；然后再
$parent.append('<a href="javascript:void(0)">'+$abca+'</a>');
这句后引用函数就行了
或者直接把
$(".input_bt7").click(function(){
var $city = $("#input_bt77").attr("value");
var $parent = $(".tab1_tag2_con");
$parent.append($city);
});
$(".tab1_tag2_con a").click(function(){
$(this).remove();
});
写在$parent.append('<a href="javascript:void(0)">'+$abca+'</a>');后面也可
$(".input_bt7").click(function(){
var $city = $("#input_bt77").attr("value");
var $parent = $(".tab1_tag2_con");
$parent.append($city);
});
$(".tab1_tag2_con a").click(function(){
$(this).remove();
});
写成函数；然后再
$parent.append('<a href="javascript:void(0)">'+$abca+'</a>');
这句后引用函数就行了
或者直接把
$(".input_bt7").click(function(){
var $city = $("#input_bt77").attr("value");
var $parent = $(".tab1_tag2_con");
$parent.append($city);
});
$(".tab1_tag2_con a").click(function(){
$(this).remove();
});
写在$parent.append('<a href="javascript:void(0)">'+$abca+'</a>');后面也可
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
click
换成live("click",
换成live("click",
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
