jquery实现上下移动div可以用这种方法

最新推荐文章于 2021-06-03 02:51:15 发布

转载最新推荐文章于 2021-06-03 02:51:15 发布 · 363 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/javenlee/p/7193533.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery实现网页元素上下移动的方法。通过点击按钮触发事件，使指定的元素与其相邻的元素交换位置，适用于调整页面布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//上移
$('.add_small_wrap').on('click', '.shangyi', function(){
var $curBlock = $(this).parents('.add_small');
var $prveBlock = $curBlock.prev('.add_small');
$curBlock.after($prveBlock); 
});
//下移
$('.add_small_wrap').on('click', '.xiayi', function(){
var $curBlock = $(this).parents('.add_small');
var $nextBlock = $curBlock.next('.add_small');
$curBlock.before($nextBlock); 
});

转载于:https://www.cnblogs.com/javenlee/p/7193533.html