jquery 提供了remove() 方法，用来移除被选元素，包括所有文本和子节点。因此只需根据添加的div的id即可将其删除：
$(div_id).remove()
实例演示如下:
HTML结构
<input type="button" value="删除">
<div id="test">这是示例的DIV</div>
jquery代码
$(function(){ $("input[type='button']").click(function() { $("div#test").remove() })删除可以使用 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 参考手册 - 文档 *** 作
这是因为你这里的this并不是点击的那个i标签，而是window对象。你可以这样改：function del_action(e){
$(e).parent().remove()
}
然后html中的调用要这样：
onclick="del_action(this)"
最好的办法是这样：
$("span.city i").click(function(){
$(this).parent().remove() //这时候的this就是i本身
})
这样html中的i标签就不需要加onclick了
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）