jQuery在父内部移动DOM元素

前端之家收集整理的这篇文章主要介绍了jQuery在父内部移动DOM元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一种简单的方法可以在自己的父元素中移动元素?

像这样…

从:

<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

JSFiddle Demo

猜你在找的jQuery相关文章