jQuery将DOM元素移动到父级中

有没有一种简单的方法可以将元素移动到它自己的父元素中

像这样

发件人：

hello 1
你好2
你好3

致：

hello 1
你好3
你好2

向上或向下移动div一步，或使用索引将其附加到特定位置。

尝试

$("div:eq(2)").after($("div:eq(0)"));

或

记住：eq（）是基于零的

var child = $('#parent div'); // keep reference for further use
child.eq(2).insertBefore(child.eq(1));

您应该能够像这样使用（这里是jQuery函数）：

---

你不能只做

$（“div:eq（2）”）。在（$（“div:eq（3）”）之后，

或者那不起作用？这两个元素的特征是什么？如何选择要移动的元素，以及需要将其移动到哪里？我使用单击处理程序选择它。然后我使用单击元素的索引。好的，那么单击的元素应该去哪里？是否应将其移动到列表中最后一个元素之后？你如何确定新职位？

$("div:eq(2)").after($("div:eq(0)"));

$("div:eq(2)").before($("div:eq(1)"))

var child = $('#parent div'); // keep reference for further use
child.eq(2).insertBefore(child.eq(1));

$.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