84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
jquery的append方法可以移动元素,例如append($('#a'))。但是,移动元素后,想把$('#a')这个元素还原到原来的位置,该如何操作
欢迎选择我的课程,让我们一起见证您的进步~~
我想到的方法是在移动的元素上加个标记,标记他从哪来的。
html
点击 点击
点击
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); } }); });
append是向每个匹配的元素内部追加内容。append()中的参数是添加的html内容,没看懂你所谓的移动元素为何物?
1:append() after() prepend() ==方法, 将移动后的#a 移动回去, 需要合理运用方法和选择器2:另外的实现, clone #a, 原来的#a 隐藏, 移动的话, 显示出原来的#a,新的#a 隐藏或者删除
我想到的方法是在移动的元素上加个标记,标记他从哪来的。
html
js
append是向每个匹配的元素内部追加内容。append()中的参数是添加的html内容,没看懂你所谓的移动元素为何物?
1:append() after() prepend() ==方法, 将移动后的#a 移动回去, 需要合理运用方法和选择器
2:另外的实现, clone #a, 原来的#a 隐藏, 移动的话, 显示出原来的#a,新的#a 隐藏或者删除