JQuery，从字符串中删除元素

Question

我有一个字符串:

var s = '<h1>heading</h1><p>para</p>';

我想从中删除 h1 元素。我试过:

$(s).remove('h1');

但 s 仍包含 h1 元素我也尝试过:

s = $(s).remove('h1');

和

$('h1', s).remove();

和

$('h1', $(s)).remove();

等等等等

有什么想法吗？

Answer 1

更新:我看到您刚刚更改了问题。现在的解决方案是这样的:

var s = '<h1>heading</h1><p>para</p>';

var $s = $(s).not('h1');

$('body').append($s);​

尝试一下: http://jsfiddle.net/q9crX/19/

因为您现在 jQuery 对象中有多个“顶级”元素，所以您可以使用 .not() (这基本上与 .filter() 相反)删除 h1 .

这与 $(s).filter(':not(h1)'); 相同

• http://api.jquery.com/not/
• http://api.jquery.com/filter/

<小时/>

原始答案

$(s).find('h1').remove();

因此，如果您要将结果附加到 body ，你可以这样做:

var s = '<div><h1>heading</h1><p>para</p></div>';

var $s = $(s).find('h1').remove().end();

$('body').append($s);​

尝试一下: http://jsfiddle.net/q9crX/