在由字符串构成的DOM上调用jQuery.remove（）

Question

html = '<h1>foo</h1><p>bar</p>';
virtual_dom = $(html);
console.log(virtual_dom);
// logs a data structure recognizable as a DOM with the h1 and p from the string

jQuery是否提供了从virtual_dom删除段落的方法，这样console.log(virtual_dom)将只记录一个带有h1标记的DOM，如$('p').remove()但影响virtual_dom而不是实际的文档呈现浏览器？

Answer 1

使用.filter() ，例如：

virtual_dom = $(html).filter(":not(p)");

这将排除所有p aragraphs从你html 。

演示 。

Answer 2

您的虚拟DOM是可遍历的，每个标记节点都是可移动的。

在FireBug或浏览器控制台中测试

var html = $('<div />');
html.append('<p /><p />').children(':last').text('Test');
console.log(html.html());
html.children(':first').remove();
console.log(html.html());