文字列をHTMLCollectionに変換する方法

Question

JavaScriptの文字列リテラルテンプレートに静的なHTMLが格納されています。

ボタンをクリックすると（モーダルポップアップ）、関数内に格納された静的なHTMLを渡し、その中の要素を非表示のdivに格納された動的データで更新する必要があります。

私はHTMLコレクションになるためにHTML静的な文字列を必要とするので、私は隠されたdiv秒に保存された動的なコンテンツとその中の要素を見つけ、交換のためにそれにjQueryの機能を実行することができます。

どうすればよいですか？

Answer 1

var htmlString = "<div class='abc'><p>Lorem <strong>ipsum</strong> dolor sit amet..</p></div>"; 
var html = $(htmlString); 

あなたのモーダルにそれをあなたはそれ上のメソッドだ行うことができ、あなたが完了したら、あなたはappend()ことができるようにそれは、jQueryのに包まれた要素を作成します。

Answer 2

のはvar HTMLAsString = "<div id="dynamicDivId">This is paragraph</div>"あなたは答えるために、この

var dynamicDivSelector = $(HTMLAsString); 
dynamicDivSelector.text($("#hiddenDivId").text()); 
$("#modalDivId").append(dynamicDivSelector); 

Answer 3

ような何かを行うことができますが、以下を取得するには

<div id="modalDivId"> 
    <div id="hiddenDivId">some data</div> 
</div> 

をモーダルに追加するHTML出力

<div id="modalDivId"> 
    <div id="hiddenDivId">some data</div> 
    <div>some data</div> 
</div> 

あるとしましょうJavaScriptを使ってこれを達成する方法についてのコメントの質問「次の操作を実行する必要がありますdは：

var newDiv = document.createElement('div'); 
newDiv.className = 'foo'; 
var markup = '<p>blah blah blah...</p>'; 
newDiv.innerHTML = markup; 

あなたは、あなたが新しいノードで実行する必要があるものは何でも、とのようなものでDOMにそれを挿入することができます。

document.body.appendChild(newDiv);