我们如何通过使用jquery去除html标签？

Question

我们如何通过使用jQuery例如，删除HTML标签，我们有这个网站

<div><dd>hello world</dd></div> 

我想删除<dd>标签和产生这种输出

<div>hello world</div> 

Answer 1

您可以使用.replaceWith()，例如：

$("dd").replaceWith(function() { return $(this).contents(); }); 

You can test it out here。

Answer 2

要删除所有子节点，仅保留文本，也可以尝试：

$("div").html(function(i, h){ return $(h).text(); }); 

I forked @Nick Craver's jsFiddle here。

Answer 3

这是我使用的。不过请注意，只有当您给div一个类（或id）时，这才有效。

var string = $('div.test').html().replace('<dd>', '').replace('</dd>', '') 
$('div.test').html(string); 

这是什么会做的仅仅是把div的内容到一个变量（以.html（）你抢不只是文本，但所有的HTML），然后剥离出DD标签，然后重新填充

编辑：

这里有一个更好的方法来做到这一点。使用此代码，您不必依赖div中存在的类或ID。

container = $('div').find('dd').parent(); 
    var test = container.html().replace('<dd>', '').replace('</dd>', '') 
    container.html(test); 

Answer 4

你总是可以让一个if语句来检查，看看是否div包含它内部的一个DD元素，那么如果是这样的情况下，从DD复制的内容，去掉DD元素，再注入内容进入div。

我不知道JavaScript那么多，但假设你使用正确的对象和一些简单的算法，任何事情都可以完成！