javascript - jquery append 移动元素后,如何还原此元素原来的位置
本文介绍了javascript - jquery append 移动元素后,如何还原此元素原来的位置的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
jquery的append方法可以移动元素,例如append($('#a'))。
但是,移动元素后,想把$('#a')这个元素还原到原来的位置,该如何操作
解决方案
我想到的方法是在移动的元素上加个标记,标记他从哪来的。
html
<div id="box1" style="width: 100px; height: 50px; background-color: yellow;" >
<a class="a" href="javascript:">点击</a>
</div>
<div id="box2" style="width: 100px;height: 50px;background-color: green;" >
<a class="a" href="javascript:">点击</a>
</div>
<div id="box3" style="width: 100px;height: 50px;background-color: red;">
</div>
js
$(function(){
$('#box1,#box2').click(function(){
$(this).find('.a').data('from', $(this));
$('#box3').append($(this).find('.a'));
});
$('.a').click(function(){
if($(this).data('from')){
$(this).data('from').append(this);
}
});
});
这篇关于javascript - jquery append 移动元素后,如何还原此元素原来的位置的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文