Javascript 如何使元素移动到另一个元素，然后在单击时返回到JQuery中的上一个位置？

目标

• 使用什么方法使项目3移动到另一个容器
• 然后，如果再次单击，则将项目返回到以前的位置
• 此功能应适用于所有项目

Jquery

 $('#item3').click(function(){
       // What method to use to make item_1 move to another container.
       // Then if click again return the item to previous position
 });

检查

HTML

您可以使用jQueryUI的插件

如果你想继续使用它，那么你可以通过onClick finction…来尝试这段代码

.JS

<div id="start">
<div class="element">one</div>
<div class="element">two</div>
<div class="element">three</div>
</div>

<div id="target"></div>

$('.element').click(function() {
var cont = $(this).parent().attr('id');
if (cont == 'start') {
    var place = '#target';
} else {
    var place = '#start';
}
$(place).append($(this));
});

function onclickIteam(iteamId){
    var x = if('#iteamId').html();
    if(if('#iteamId').parent().prop("id") == "my_inventory"){
        //$('#iteamId').detach();
        $('#server_inventory').append(x);
    }else{
        //$('#iteamId').detach();
        $('#my_inventory').append(x);
    }
`}`