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

Question

目的

• 使用什么方法使项目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
 });

Answer 1

检查演示

的HTML

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

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

jQuery的

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

Answer 2

您可以使用jQuery UI的拖放插件。

如果您想继续使用此代码，则可以通过onClick函数尝试使用此代码。

.JS

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);
    }
`}`