我想问的是使用js,如果删除某个标签(假如id为div1的div标签)下的某个子标签(img标签):

如:js.html
<div id='fu'>
<div id="div1">
<img src='1'></a>
<input type='text' />
<a>图片</a>
</div>
<a onclick='xxx'>删除</a>
</div>
用js做到这样效果:当我点击“删除”时,自动触发onclick事件,通过onclick事件,获取id为div1的div标签,删除该标签下的img子标签,删除后,要删除 <a onclick='del()'>删除</a>这个标签(不要隐藏),请问那个onclick事件的函数如何写才能实现我说的效果?

(需要说明:img并不是一直在div的第一位,也可能放在第二、第三、或者其他的位置,也就是说img子标签在父标签【id=div1】的任意位置,但只有一个img子标签)
上面有地方需要修改:
1、第一句:我想问的是使用js,如果删除某个标签(假如id为div1的div标签)下的某个子标签(img标签)
修改为:
我想问的是使用js删除某个标签(假如id为div1的div标签)下的某个子标签(img标签)

2、删除后,要删除 <a onclick='del()'>删除</a>这个标签(不要隐藏)
修改为
删除后,要删除 <a onclick=‘xxx'>删除</a>这个标签(不要隐藏)

浮云间
浏览 384回答 3
3回答

皈依舞

使用jQuery很简单的。$('#div1').children().find('a:contains(\'删除\')').remove();

慕标5832272

这个用jquery实现起来相当容易:$('#fu a').click(// a标签单击事件处理函数function(){// 删除img$('#div1 img').remove();// 删除a标签$('#fu a').remove();});基本上就是通过选择器选中要删除的元素,然后调remove()函数就可以了。建议楼主用jquery,写起来容易,纯js也能实现,不过代码写起来就没这么简单了。

慕姐8265434

代码如下:$(document).ready(function(){&nbsp;&nbsp;&nbsp;&nbsp;$('#fu&nbsp;a').click(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//删除img&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('#div1&nbsp;img').remove();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//删除a本身&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).remove();&nbsp;&nbsp;&nbsp;&nbsp;});});
打开App,查看更多内容
随时随地看视频慕课网APP