jquery - DOMを変数にダンプしてドキュメントからデタッチする方法（jQuery）

Question

私はこれを行う必要があります：

var tempDoc;
$(tempDoc).load('<html>' + $(document).find('html').html() + '</html>');

そしてこれを行います：

$('body', tempDoc).css('background-color', '');

ただし、これを行うと、背景色の削除も$（ドキュメント）に影響します。$（document）自体に影響を与えることなく、$（document）を一時変数にダンプし、その中の要素を変更する方法はありますか？

これでも意味があるかどうか教えてください。

score 0 · Accepted Answer

documentFragmentを使用してHTMLをダンプし、メインドキュメントに影響を与えずに属性を更新します。

var fragment = document.createDocumentFragment();
fragment.append($(document).html());
$('body', fragment).css('background-color', '');

score 0 · Accepted Answer

私はこれをまったく理解していないと思いますが、あなたがただできない理由があります：

var tempDoc = $('html').clone();
$('body', tempDoc).css('background-color', 'green');

score 0 · Accepted Answer

.detach（）を使用するだけです。それはまさにそのためのものです。

しかし、どういうわけか（正確にはわかりませんが）同じボディオブジェクトを操作しているため、同じ動作になります。

DocumentFragmentは優れたソリューションです。もう1つは、.clone（）を使用して体のコピーを作成し、そのコピーを操作することです。

次に、 .replaceWith（）を使用して、元のコピーを変更したコピーに置き換えることができます。

var tempBody= $('body').clone(true);
tempBody.css('background-color', 'red');
$('body').replaceWith(tempBody);

3 に答える 3