如何动态地将现有的 div 添加到表中？答案

【问题标题】：How to add existing div to a table dynamically?如何动态地将现有的 div 添加到表中？
【发布时间】：2017-03-21 20:46:42
【问题描述】：

我有我的html代码

<html>
<table>
   <tr>
      <td id="table_td">div here</td>
   </tr>
</table>
<div id="table_div">
    Hello
</div>
</html>

预计我需要将“table_div”动态添加到“table_td”

<html>
<table>
   <tr>
      <td id="table_td">
          <div id="table_div">
              Hello
          </div>
      </td>
   </tr>
</table>

【问题讨论】：

这应该可以$('#table_td').append($('#table_div'))。
document.querySelector() + Node.appendChild()
stackoverflow.com/questions/11152315/…的可能重复
api.jquery.com/append 或 api.jquery.com/appendto
Can i append an already existing div to another already existing div?的可能重复

标签： javascript jquery html

【解决方案1】：

我认为你要找的是 jQuery .append() 还有.appendTo()

$( "#table_td" ).append( "<div id='table_div'>Hello</div>" );

更多详情：http://api.jquery.com/append/

【讨论】：

【解决方案2】：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>clone demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

  <b>Hello</b><p>, how are you?</p>

 <script>
   $( "b" ).clone().prependTo( "p" );
 </script>

【讨论】：