Jquery 如何根据另一个活动的可排序列表对列表重新排序？

我有list-1和list-2ul项目

如果我对列表-1项目进行排序/重新排序，则应在列表-2项目

$（函数（）{
$（“#可排序”）。可排序({
回复：真
});
$（“ul，li”）.disableSelection（）；
} );
body{font-family:verdana；字体大小：14px；}
ul{边距：5px 0 20px 0；填充：0；列表样式：无；}
li{填充：2px；宽度：150px；边距底部：5px；}
ul.list-1 li{背景色：76c2ff；颜色：ffffff；边框：1px实心#008dff；}
ul.list-2 li{背景色：#fefefe；边框：1px实心#ccc；文本对齐：右；}
h4{边距：0；填充：0；}
.sort容器{width:200px；float:left；}

对该列表进行排序/重新排序

排序01
排序02
第03类
排序04
排序05

应该重新订购吗

一,
二,
三,
四,
五,

您可以使用
.clone（）
方法克隆第二个
ul
元素，然后循环通过第一个ul li标记获取
数据id
，并使用它们以相同顺序将其附加到第二个ul中

演示代码：


$（函数（）{
$（“#可排序”）。可排序({
回复：对，
停止：功能（事件、用户界面）{
//克隆ul
var clone=$（'ul.list-2'）.clone（）
$（'ul.list-2'）.html（“”//将其清空
$（'.list-1 li'）。每个（函数（）{
var data_id=$（this）.data（'id'）//获取数据id
//查找li标签内的项目并更改位置
$（克隆）.find（“li[data two=“+data_id+”]）.clone（）.appendTo（$（'ul.list-2'））
});
}
});
$（“ul，li”）.disableSelection（）；
});
正文{
字体系列：verdana；
字体大小：14px；
}
保险商实验室{
利润率：5px 0 20px 0；
填充：0；
列表样式：无；
}
李{
填充：2px；
宽度：150px；
边缘底部：5px；
}
ul.list-1 li{
背景色：#76c2ff；
颜色：#ffffff；
边框：1px实心#008dff；
}
ul.list-2 li{
背景色：#fefe；
边框：1px实心#ccc；
文本对齐：右对齐；
}
h4{
保证金：0；
填充：0；
}
.分拣容器{
宽度：200px；
浮动：左；
}

对该列表进行排序/重新排序

排序01
排序02
排序03
排序04
排序05

应该重新订购吗

1
2
3
4
5

@Swati，好极了，这就是我所期待的。。。你救了我一天。。。我接受并投票赞成你的回答。谢谢你的提醒：）很高兴我帮了你