jQuery - 删除包装标签，但保持文本位置？

Question

比方说，我有一个代码废料这样的：

Lorem ipsum <span>dolor sit amet</span>, lorem ipsum dolor...

我可以用jQuery选择跨度从DOM中删除它，但除去包含的文本为好。有没有一种方法，使用jQuery，在保留文本的同时移除包装范围？是否有可能将文本重新注入原始位置，还是有更简单的方法？

Answer 1

使用$('span').contents().unwrap()。

nb：.unwrap()从元素（或文本节点）中删除父项，因此必须下降到<span>的内容中才能打开它们。在IE浏览器

Answer 2

使用.unwrap（）方法。 http://api.jquery.com/unwrap/

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

Answer 3

您需要unwarp跨度里面的内容：

$("span").contents().unwrap(); 

Answer 4

显示/隐藏下拉选项，这是测试的代码

$("#PrimaryIndustry").find("select").children("option[value='" + selectedIndustry + "']").wrap('<span>').hide(); // use for hide option 

$("#PrimaryIndustry").find("select").children("option[value='" + selectedIndustry + "']").unwrap('<span>').show(); // use for show option.