删除某些标签和它们之间的html - jquery

Question

如果我有一个包含此字符串。

Hi my name is <span class="name">Joe</span>. Just wanted to say <b>Hi</b>. 

我想删除某些标签，包括填充它的东西。此字符串的示例仅为<span>标记。

我会删除

<span class="name">Joe</span>

......和成品输出将

Hi my name is . Just wanted to say <b>Hi</b>. 

我将如何做到这一点？

Answer 1

你可以要么做到这一点

jQuery('<div>' + yourstring + '</div>').find('span').remove(); 

或

jQuery('<div>' + yourstring + '</div>').find('.name').remove(); 

选择第二个，如果你只想用类“名称”删除元素。

工作的示例：http://jsfiddle.net/ZWw6d/

看一看文档：http://api.jquery.com/remove/

Answer 2

你有两个选择使用jQuery 1.4或更高版本：

jQuery('.name').remove();

或

jQuery('.name').detach();

这些是相似的，除了detach更适合元素重新插入DOM。

请参见：

• http://api.jquery.com/category/manipulation/dom-removal/
• http://api.jquery.com/detach/