Jquery:从字符串中删除所有特定的 HTML 标签

Question

我有一个包含文本字符串和 html 标记的变量，例如:

var temp = "<div>Some text</div><p>More text<span>here</span></p><p>Even more</p>";

我想删除某种类型的所有标签。以所有 p 和 span 标记为例。

这是我能想到的最好的:

var temp = "<div>Some text</div><p>More text<span>here</span></p><p>Even more</p>";
var $temp = $(temp);
$("p", $temp).replaceWith("foo");
alert($temp.html());  //returns "Some text"

我能找到的最接近的回复是 Nick Craver 的回答:strip span tags from string with jquery 。

Answer 1

演示:http://jsfiddle.net/VwTHF/1/

$('span, p').contents().unwrap();

.contents()将获取每个此类标签内的元素和文本，并且 .unwrap将删除包裹每个内容部分的元素。

根据您当前的方法，它看起来像这样:

var temp = "<div>Some text</div><p>More text<span>here</span></p><p>Even more</p>";
var $temp = $(temp);
$temp.find('span, p').contents().unwrap().end().end();

如果您想继续定位原始对象，则必须使用.end()来清除过滤器。