DOM内にないオブジェクトからHTML要素を削除できない

Question

次の理由で、hiddenのdivが削除されないのはなぜですか？上記、dataの値を実行した後

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

は同じままです。 dataがDOMにないため、divは削除されませんか？

Answer 1

$()によって作成されたDOMツリーから要素を削除しました。
これは、解析された文字列には影響しません。

あなたが新しく変更されたDOMツリーのHTMLソースを取得する必要があります：

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

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

data = tree.html(); 

は、より詳細な説明についてはmy blogを参照してください。