javascript - 从 jQuery 的 "plain text"html 中删除元素

Question

如果我有以下 javascript string:

var string = '<div id="div1"><div id="div2"></div></div>';

我可以使用 jQuery 生成以下字符串吗？

var newString = '<div id="div1"></div>';

换句话说，像这样:

string.find('#div2').remove();

Answer 1

是的，只需用 jQuery 函数包装它:

$(string).find('#div2').remove();

即使这毫无意义 - 它实际上并没有删除 <div>从字符串中，它将它从新创建的 jQuery 对象中删除，该对象未分配给任何对象。如果你想附加 #div1在删除它的内部 <div> 之前，您可能希望将其 jQuery 对象分配给一个变量:

$string = $(string);
$string.find('#div2').remove();
$('body').append($string);

JSFiddle