如何从HTML字符串中删除元素？

Question

这似乎并不奏效，我得到了.remove()线的Uncaught Type错误：

JS：

var str = $("a").html(); 
var $html = $.parseHTML(str); 
$("i",$html).remove(); 

$("div").html($html); 

HTML：

<a href="#">Hello <i>Bob</i></a> 
<div></div> 

如何得到这个工作？

Answer 1

您可以克隆a，更改克隆的html代码并将其放入div。

Fiddle。

$(document).ready(function() 
{ 
    var clone = $("a").clone(); 
    clone.find("i").remove(); 
    $("div").html(clone); 
});  

Answer 2

只需使用.text()函数即可删除HTML标签。

var str = $("a").text(); 

$("a").text(str); 

这将导致：

<a href="#">Hello Bob</a> 

例子：http://jsfiddle.net/3s1c55w2/

它是如何工作的：

1. 的$("a").text();将只检索元素的文本，所以在你的它将返回Hello Bob。
2. 一旦您检索Hello Bob，只需使用.text(str)再次设置a标记文本值，其中str是没有html标记的值。

Answer 3

也许他试图从每个锚点删除i标签。

http://jsfiddle.net/1fytum86/

$("a").each(function(index) { 
    var str = $(this).text(); 
    $(this).html(str); 
}); 

无论如何，这可能是他得到一个类型错误，因为parseHTML（）将字符串解析为DOM节点的数组。祝你好运！

Answer 4

如果你想删除的斜体字并留下文字：

$("a").html($("a").html().replace(/<\/?i>/g, "")); 

否则，使用或者删除或者断开其他的答案将是合适的。