交换两个html元素,在jQuery中交换两个元素

嘿家伙我正在尝试使用向上和向下箭头交换两个元素.

一个JSFiddle解决方案会很棒！ 🙂

HTML标记如下：

Some text

down

Some other text

up

down

Some text

up

down

Some other text

up

我的最后一次尝试是：

// el is the clicked one.

jQuery('.move').children().click(function(el){

if(jQuery(el).hasClass('move-down') === true) {

el = jQuery(el).parent().parent();

el.prependTo(el.after(el));

} else {

el = jQuery(el).parent().parent();

el.appendTo(el.before(el));

}

});

我尝试了很多不同的方法来改变物品.我曾尝试在()之后使用replaceWith(),但没有任何效果.

注意：

我已经编写了一个显示正确上/下div的函数.所以第一个和最后一个只能向一个方向移动.那已经解决了.我也不能使用任何现有的jquery插件.