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 は、ブラウザーによってレンダリングされる実際のドキュメントの代わりに影響を与えるように、タグのみで DOM をログに記録するvirtual_domように、から段落を削除する方法を提供しますか?console.log(virtual_dom)h1$('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());