js 删除当前元素的父元素下的html内容
<ulclass="list2"><li><imgalt=""src="1.jpg"/><div>mingzi1</div><aonclick="">删除/a></li>...
<ul class="list2" >
<li >
<img alt="" src="1.jpg" />
<div>mingzi1</div>
<a onclick="">删除/a>
</li>
<li >
<img alt="" src="2.jpg" />
<div>mingzi2</div>
<a onclick="">删除</a>
</li>
<li >
<img alt="" src="3.jpg" />
<div>mingzi3</div>
<a onclick="">删除</a>
</li>
</ul>
形如以上的代码，如何给a元素写个js程序，让他点击后删除自己所在的这个li的全部内容 a和li都无法指定id，麻烦懂的指教一下，谢谢 展开
<li >
<img alt="" src="1.jpg" />
<div>mingzi1</div>
<a onclick="">删除/a>
</li>
<li >
<img alt="" src="2.jpg" />
<div>mingzi2</div>
<a onclick="">删除</a>
</li>
<li >
<img alt="" src="3.jpg" />
<div>mingzi3</div>
<a onclick="">删除</a>
</li>
</ul>
形如以上的代码，如何给a元素写个js程序，让他点击后删除自己所在的这个li的全部内容 a和li都无法指定id，麻烦懂的指教一下，谢谢 展开
2个回答
展开全部
好 的 很简单 我就直接用你的结构了 下面给出一个演示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>e演示</title>
<script type="text/javascript">
function deleteElement(Obj){
Obj.parentNode.parentNode.removeChild(Obj.parentNode);
}
</script>
</head>
<body>
<ul class="list2" >
<li >
<img alt="" src="1.jpg" />
<div>mingzi1</div>
<a onclick="deleteElement(this)">删除</a>
</li>
<li >
<img alt="" src="2.jpg" />
<div>mingzi2</div>
<a onclick="deleteElement(this)">删除</a>
</li>
<li >
<img alt="" src="3.jpg" />
<div>mingzi3</div>
<a onclick="deleteElement(this)">删除</a>
</li>
</ul>
</body>
</html>
这个样子就可以了
更多追问追答
追问
谢谢您的回答 我试了一下成功了 非常感谢
我本意还想删掉这个图片的 这里双引号单引号混用 总是不对 望指教
......
sLi += '删除';
.....
data是js的变量 两个引号混了
追答
你这个是对的啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
