Jqueryを使用して複数のhtml要素を追加する

Question

jQueryの新機能で、ベストプラクティスのアドバイスがあれば疑問に思っています...

多分HTMLを含んでいるページにdiv要素を追加しようとしていますが、これを達成するための最良の方法....またはjqueryを使用することをお勧めします...

たとえば、jqueryを使用してページに次のコードを追加する場合は、どのような方法が最適です。

<div id="test"> 
    <h1>This is the test</h1> 
    <p>Hello, just a test</p> 
    <a href="www.test.com">Click me</a> 
    <a href="www.test.com">Click me again</a> 
</div> 

Answer 1

$("#test").append("YOUR CONTENT GOES HERE"); 

Answer 2

$("#id_of_div").append($("#id_of_div_that_you_wanna_append").html()); 

Answer 3

あなたはそれがあるとしてHTMLを追加したい場合は、単にjQueryの機能を追加します。たとえば ：

$('body').append(' 
<div id="test">\ 
    <h1>This is the test</h1>\ 
     <p>Hello, just a test</p>\ 
     <a href="www.test.com">Click me</a>\ 
     <a href="www.test.com">Click me again</a>\ 
</div>'); 

変更あなたの条件に応じて、他のDOM要素/セレクタに身体からセレクタ。

それとも、すでに文書のID「テスト」とdiv要素を持っている場合、あなたは以下のようなHTML（）関数を使用してコンテンツを設定することができます。

$("#test").html('<h1>This is the test</h1>\ 
     <p>Hello, just a test</p>\ 
     <a href="www.test.com">Click me</a>\ 
     <a href="www.test.com">Click me again</a>');