js删除某个html标签下的某个子标签

我想问的是使用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>这个标签(不要隐藏)

第1个回答  2013-12-28
使用jQuery很简单的。$('#div1').children().find('a:contains(\'删除\')').remove();
第2个回答  2013-12-28

代码如下:

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

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

js删除某个html标签下的某个子标签
使用jQuery很简单的。$('#div1').children().find('a:contains(\\'删除\\')').remove();

js删除html标签
function a(){<br>var inn="<li id="qwe"><span style='cursor: pointer;'>删除<\/span><\/li>";<br>var div = document.getElementById("a")<br>div.innerHTML += inn;<br>\/\/ 查找span<br>var span = div.getElementsByTagName('span')[0];<br>\/\/ 添加click事件<br>span.oncl...

HTML利用JS移除指定的标签
用Js匹配li的t内容就可以的,看如下代码:<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"><html xmlns="http:\/\/www.w3.org\/1999\/xhtml"><head><meta http-equiv="Content-Type" content="text\/html; char...

求教如何JS删除HTML内TR\/TD标签内容(没有ID值)比如<td>标签<\/td>...
<input id="Button1" type="button" value="删除" onclick="del()" \/> function del() { var tab=document.getElemntsByTagName("table")[0];\/\/最好给table指定个id for(var i=0;i<tab.rows.length;i++) { for(var j=0;j<tab.rows[i].cells.length;j++) [ var obj=tab...

求用jquery或者js 清除指定元素内的 html标签和文本,但是要保留<img \/...
var $imgs= $("#container").find("img");\/\/先从指定元素(id=container)内的img找到 ("#container").html("");\/\/清空指定元素内容 ("#container").append($imgs);\/\/把img元素加进去

请教js移除html标签保留其中文本的方法
document.getElementById('ObjID').innerHTML=document.getElementById('ObjID').innerText;ObjID为你要替换内容的ID, 该方法在IE下可行.

js或者jquery删除html标签
$remove = $child.filter(function(){\/\/过滤下,返回true的才会被选择 return this.innerHTML === '345';\/\/返回html为345的元素});$remove.remove();\/\/删除元素,因为子集的div只有一个内容是345的最后提示你下,如果要学jquery,就多看api。原生js的实现方式跟jquery的思路相同 ...

正则表达式,清除HTML标签,但要保留 <BR>和<IMG>标签,其他的清除
二楼的牛人,在下琢磨有半小时没写出来,这是在你写的基础上完善了下不要见怪啊!'我<div><br \/>爱<b><img src="1.jpg" \/>我<\/b><\/div>家!'\/<(?!\\\/?br\\\/?.+?>|\\\/?img.+?>)[^<>]*>\/

怎样用js去掉br标签
给button按钮绑定onclick点击事件,当按钮被点击时,执行clearcon()函数。5、在js标签中,创建clearcon()函数,在函数内,使用getElementById()方法通过id(testpp)获得标签对象,将其innerHTML属性设置为空,便可实现删除标签的内容。6、在浏览器打开test.html文件,点击按钮,查看实现的效果。

js 正则删除,下面的一个html字符串根据规则替换?
<tr><td>3<\/td><td>4<\/td><td>5<\/td><\/tr> <tr><td>3<\/td><td>4<\/td><td>5<\/td><\/tr><\/table> <script type="text\/javascript">$(document).ready(function(){ $('td:hidden').html();});<\/script>加个JQ类库。。

相似回答