一个<div>有5个子元素<div>,这5个<div>样式相同，但内容不同，如何实现鼠标点击其中一个子元素<div>后删除该元素,其余仍保留,比如:
<div>
<div class="aaa">a1</div>
<div class="aaa">a2</div>
<div class="aaa">a3</div>
<div class="aaa">a4</div>
<div class="aaa">a5</div>
</div>
当我鼠标点击第三个div的内容a3时，该元素删除，其余元素仍保留
jquery删除鼠标点击的元素
答案:3 悬赏:30 手机版
解决时间 2021-01-02 15:02
- 提问者网友：喧嚣尘世
- 2021-01-02 02:18
最佳答案
- 五星知识达人网友：爱难随人意
- 2021-01-06 17:10
<!DOCTYPE HTML>
<html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
jQuery (function ($)
{
$ ("div.aaa").click (function ()
{
$ (this).remove ();
})
})
</script>
</head>
<body>
<div>
<div class="aaa">a1</div>
<div class="aaa">a2</div>
<div class="aaa">a3</div>
<div class="aaa">a4</div>
<div class="aaa">a5</div>
</div>
</body>
</html>
<html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
jQuery (function ($)
{
$ ("div.aaa").click (function ()
{
$ (this).remove ();
})
})
</script>
</head>
<body>
<div>
<div class="aaa">a1</div>
<div class="aaa">a2</div>
<div class="aaa">a3</div>
<div class="aaa">a4</div>
<div class="aaa">a5</div>
</div>
</body>
</html>
全部回答
- 1楼网友：空山清雨
- 2021-01-06 19:06
<script type="text/javascript">
$(function(){
$("#test div").each(function(){
$(this).click(function(){
$(this).html("");
})
})
})
</script>
<div id="test">
<div class="aaa">a1</div>
<div class="aaa">a2</div>
<div class="aaa">a3</div>
<div class="aaa">a4</div>
<div class="aaa">a5</div>
</div>
刚刚试验了，可行的
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯