无法从不在DOM中的对象中删除HTML元素

Question

为什么以下内容不会删除div类hidden？

var data = 'This is a message <div class="hidden"> <ul id="canceledOrders"> <li>502301</li> </ul> </div>';
$(data).find(".hidden").remove();

运行上述内容后，data的值保持不变。 div未删除，因为data不在DOM中吗？

Answer 1

您从$()创建的DOM树中删除了该元素 这不会影响它被解析的字符串。

您需要获取新修改的DOM树的HTML源：

var data = ...;
var tree = $("<div>" + data + "</div>");

tree.find('.hidden')
    .remove();

data = tree.html();

有关更详细的说明，请参阅my blog。