实现功能点谁删谁:
我写的
$(function () {
$("#city li").click(function () {
this.empty();
})
<body>
<div id="div1" >
<ul id="city">
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li id="NJnode">南京</li>
</ul>
</div>
实现不了:
原因:
13)empty()——清空当前元素节点的后代元素
(14)remove()——删除当前元素节点以及所有后代元素
改进;
$(function () {
$("#city li").click(function () {
this.remove();
})
<body>
<div id="div1" >
<ul id="city">
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li id="NJnode">南京</li>
</ul>
</div>
改进:增加询问
$(function () {
$("#city li").click(function () {
if(confirm("确定删除"+$(this).text()+"吗?"))
$(this).remove();//js对象转正jQuery对象
});
})
<div id="div1" style="background-color: aqua" >
<ul id="city">
<li>北京</li>
<li>上海</li>
<li>广州</li>
<li id="NJnode">南京</li>
</ul>
</div>