如: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 回答
慕标5832272
TA贡献1966条经验 获得超4个赞
这个用jquery实现起来相当容易:
$('#fu a').click(// a标签单击事件处理函数
function(){
// 删除img
$('#div1 img').remove();
// 删除a标签
$('#fu a').remove();
}
);
基本上就是通过选择器选中要删除的元素,然后调remove()函数就可以了。建议楼主用jquery,写起来容易,纯js也能实现,不过代码写起来就没这么简单了。
慕姐8265434
TA贡献1813条经验 获得超2个赞
代码如下:
$(document).ready( function (){ $( '#fu a' ).click( function (){ //删除img $( '#div1 img' ).remove(); //删除a本身 $( this ).remove(); }); }); |
添加回答
举报
0/150
提交
取消