有没有一种简单的方法可以在自己的父元素中移动元素?
像这样…
从:
<div class="test">hello 1</div> <div class="test">hello 2</div> <div class="test">hello 3</div>
至:
<div class="test">hello 1</div> <div class="test">hello 3</div> <div class="test">hello 2</div>
将div向上或向下移动一步,或使用索引将appendTo移动到特定位置.
解决方法
您应该能够像这样使用
.prev()
和
.next()
(这里是一个jQuery函数):
$.fn.moveUp = function() { $.each(this,function() { $(this).after($(this).prev()); }); }; $.fn.moveDown = function() { $.each(this,function() { $(this).before($(this).next()); }); }; $("div:eq(2)").moveUp(); //Would move hello 3 up $("div:eq(0)").moveDown(); //Would move hello 1 down