jquery怎么删除html标签

Question

<div id="test">

<div><span>百</span>度</div>
<div><span>知</span>道</div>
</div>

想用jquery删除掉全部span，结果是
<div id="test">
<div>百度</div>
<div>知道</div>
</div>

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：

$('#test').html($('#test').html().replace('<span>', '').replace('</span>', ''));。

3、浏览器运行index.html页面，此时全部span被用jquery删除掉了。

Answer 2

删除html标签的代码如下：

/**    
 * jquery 移除html标签对象    
 *    
 * @param objId    
 */    
function removeObj(objId) {    
    $('#' + objId).remove(); // 移除该标签对象    
    // $('#' + objId).parent().remove(); // 移除该标签对象的父标签对象    
    // $('#' + objId).parent().parent().remove(); // 移除该标签父级的父级标签对象    
}

Answer 3

$(function(){
    $("#test div").each(function(){//寻找#test下面所有的div
        var a=$(this).text();//获取#test下面每个div的文字
        $(this).empty();//清空#test下面所有的内容
        $(this).text(a);//把每个div的内容赋给清除内容以后的div
        })
    })

跟一楼的类似，我加了点注释。

Answer 4

换一个思路，把id="test"下面所有DIV删除，然后append拼接

Answer 5

$('#test div').each(function(){
$(this).html($(this).text());

})本回答被提问者采纳