javascript - 在由字符串构成的 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您的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());