javascript - Onclick 事件动态构建 div 并将其附加到现有 div（jquery 或其他任何欢迎的东西）

Question

我有一个以下格式的 div。1.如何将它添加到现有的 div 中。我是否创建一个单独的 html 文件，然后使用 jquery 添加它？或者我应该将它附加到一个 var 中，然后将它附加到 div 中。请建议一种方法来附加并创建 div，然后将其附加到另一个 div 中（我知道其 id）

<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

您可以尝试这样的事情（使用 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 );
});

您可以在此处查看示例：http: //jsfiddle.net/3hm6N/1/

当然，您可以使用 Greg Pettit 所说的方法。另一件事，我没有看到它，但是您的表格格式错误，因为标签里面应该有<td>s 或<th>s 。