新しいdiv要素

Question

私は

が

私のj個のクエリは、この

$(document).ready(function(){ 
$("#addNew").click(function(){ 
    var maindiv = document.getElementById('nestedFeilds').html(); 
    $("#showhere").append('maindiv'); 
}); 

で完全なHTMLを取り、新しいdiv要素に追加この のためにj個のクエリを使用しています

に1ダイブの完全なHTMLを追加}）;

HTMLはこれだけ最後のdivで

<div class= "row" id="mainContainer"> 
    <label for="Education" style="margin-left: 30px ; float:left;">Education</label> 

          <div class="col-xs-4 inner"></div> 
          <div class="col-xs-8 verticalLine" id="nestedFeilds" style=" margin-left: 10px ;float:left; display: none;"> 

を参照取るかなり複雑で長いです実際には、フォームであり、私は今まで私がボタン

をクリックすると、その完全なHTMLが異なるname属性で示される必要があります

私はあなたがinnerHTMLを取得したい場合は、あなたがelement.innerHTMLを使用する必要があり、この

<div id= "showhere"></div> 
          <div style="margin-left: 133px;float:left;"><a id="addNew"> Add Education</a></div> 

Answer 1

ように私の関数を呼び出し、そして私のです前に保存した内部HTMLを追加する場合は、element.append(variableWithPreviousInnerHTML)を使用できます。ここでは実施例である：

$(document).ready(function() { 
 
    $("#addNew").click(function() { 
 
    var maindiv = document.getElementById('nestedFeilds').innerHTML; 
 
    $("#showhere").append(maindiv); 
 
    }); 
 
});

div { 
 
    width: 100px; 
 
    height: 100px; 
 
    border: 1px gray solid; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="nestedFeilds">Content from #nestedFeilds</div> 
 
<div id="showhere"></div> 
 
<button id="addNew">Click</button>

何が明確でない場合は、お気軽に。