変数にhtml要素を保存

Question

このJSはhtml要素をmyHTMLに保存しようとします。後でその要素が変更されると、変数も変更されます。
myHTMLのコピーを保存して後で使用するにはどうすればよいですか？

let myHTML = ''; 
$('td.label').each(function() { 
    if (this.textContent === "sign:") { 
    if (!myHTML) myHTML = this.parentElement; 
    return false; 
    } 
}); 

//later the elemnt gets changed 
$('td.label').each(function() { 
    if (this.textContent === "sign:") { 
    this.parentElement.appendChild(some-html-element) 
    return false; 
    } 
}); 

console.log(myHTML); //it includes the some-html-element 

Answer 1

要素のコピーにmyHTMLを設定するために使用the cloneNode() method：

myHTML = this.parentElement.cloneNode();

Answer 2

は、私はそれがオブジェクトであるため、JSはそれを参照し、変更になると思うも、あなたのmyHTMLオブジェクトも変更されます。このアプローチは、DOMオブジェクトを直接使用していないため、正しく動作するはずです。

var myHTML; 

$('td.label').each(function() { 
    if($(this).text() === "sign:") { 
     if(!myHTML) { 
      myHTML = $(this).parent(); 
     } 

     return false; 
    } 
}); 

$('td.label').each(function() { 
    if($(this).text() === "sign:") { 
     $(this).parent().append("some-html-element"); 
     return false; 
    } 
}); 

console.log(myHTML);