Onclick 이벤트를 동적으로 작성하여 기존 div에 div 추가 (jquery 또는 기타 환영)

Question

다음 형식의 div가 있습니다. 1. 기존 div에 어떻게 추가 할 수 있습니까? 나는 별도의 HTML 파일을 만든 다음 jquery를 사용하여 추가합니까? 또는 이것을 var에 추가 한 다음 div에 추가해야합니까? Pls는 1 개 추가하는 방법을 제안하고 사업부를 만든 다음 당신은 이런 식으로 뭔가를 시도 할 수 있습니다

<div> 
    <table> 
    <tr><td></td><td></td><td></td> 
    </tr> 
    </table> 
    <table> 
    <tr><td></td><td></td> 
    </tr> 
    <tr><td></td><td></td><td></td><td></td> 
    </tr> 
    </table> 
    <table> 
    <tr><td></td> 
    </tr> 
    </table> 
</div> 

Answer 1

(id가 내가 아는) 다른 사업부 (사용하여 jQuery를) 이내에 추가 :

HTML :

<div id="content" style="display: none;"> 
    <div> 
    <table> 
     <tr>text here and then some input tag 
     </tr> 
    </table> 
    <table> 
     <tr>text here and then some input tag 
     </tr> 
     <tr>text here and then some input tag 
     </tr> 
    </table> 
    <table> 
     <tr>text here and then some input tag 
     </tr> 
    </table> 
    </div> 
</div> 

<div id="receiver1" style="background: #FF0000;"></div> 
<div id="receiver2" style="background: #00FF00;"></div> 
<div id="receiver3" style="background: #0000FF;"></div> 

JS :

$(function(){ 
    var theContent = $("#content").html(); 
    $("#receiver1").html(theContent); 
    $("#receiver2").html(theContent); 
    $("#receiver3").html(theContent); 
}); 

01,235,

여기에서 예제를 볼 수 있습니다. http://jsfiddle.net/3hm6N/1/

물론 Greg Pettit이 말한 접근 방식을 사용할 수 있습니다. 또 다른 것은, 나는 그것을 보지 못했지만, 태그는 <td> 또는 <th> 안에 있어야하므로 테이블이 작성되지 않았습니다.