为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

浮云间 2022-11-02 22:18:13
如: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>这个标签(不要隐藏)
查看完整描述

3 回答

?
皈依舞

TA贡献1851条经验 获得超3个赞

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

查看完整回答
反对 回复 2022-11-08
?
慕标5832272

TA贡献1966条经验 获得超4个赞

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


查看完整回答
反对 回复 2022-11-08
?
慕姐8265434

TA贡献1813条经验 获得超2个赞

代码如下:


$(document).ready(function(){    $('#fu a').click(function(){        //删除img        $('#div1 img').remove();        //删除a本身        $(this).remove();    });});


查看完整回答
反对 回复 2022-11-08
  • 3 回答
  • 0 关注
  • 342 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信