jQuery移动元素

【问题标题】：Jquery move elementjQuery移动元素
【发布时间】：2018-08-05 11:19:22
【问题描述】：

伙计们，所以基本上我正在尝试使用 jquery 将 div 移动到另一个 div 中，但我只希望它在单击时移动。我将如何处理这是否是一个 if else 语句？

【问题讨论】：

请看How to create a Minimal, Complete, and Verifiable example.

【解决方案1】：

HTML 示例

<div id="container">
  Main Div ......
</div>
<div id="childDiv">
 Child div ..........
</div>

jQuery

$( "#childDiv" ).click(function() {
    $( "#container" ).append($( "#childDiv" ));
});

工作片段

$( "#childDiv" ).click(function() {
  $( "#container" ).append($( "#childDiv" ));
});

div{ margin: .5em; } 
    #container{ border: solid 1px red; }
    #childDiv {border: solid 1px gray; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="container">
  Main Div ......
</div>
<div id="childDiv">
  Child div ..........
</div>

【讨论】：