本文主要和大家介绍使用jquery实现两个p中按钮互换位置的实例代码,需要的朋友可以参考下，希望能帮助到大家。
效果如下
代码如下：
$(function() { //定义一个变量等于所有button按钮 var btns = $("button"); //for循环进行遍历 for(var i = 0; i < btns.length; i++) { //i控制他的下标确定的是那个按钮的点击事件 btns[i].onclick = function() { //判断如果此按钮的父控件是p1 if($(this).parent().is("#p1")) { //移除此按钮 $(this).remove(); //转移到p2 $(this).appendTo("#p2") } else { //否则他的父控件是p2 那么就把他移动到p1 $(this).appendTo("#p1") } } } }); p { width: 500px; height: 200px; border: 1px; background-color: beige; } button { width: 50px; height: 30px; }
我选择的：
还可以选：
登录后复制
相关推荐：
微信小程序按钮滑动功能代码
Html+css怎样实现纯文字和带图标的按钮
jquery mobile折叠的导航按钮实现教程
以上就是jQuery实现两个div中按钮互换位置代码分享的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2787160.html
