Jquery 按类别将div分为三类？

我需要将一组div分为三类。它们现在看起来像这样-

<div class="offline"></div>
<div class="online"></div>
<div class="offline"></div>
<div class="offline"></div>
<div class="deleted"></div>
<div class="online"></div>
<div class="offline"></div>

<div class="online"></div>
<div class="online"></div>
<div class="offline"></div>
<div class="offline"></div>
<div class="offline"></div>
<div class="offline"></div>
<div class="deleted"></div>

我需要它看起来像这样-

<div class="offline"></div>
<div class="online"></div>
<div class="offline"></div>
<div class="offline"></div>
<div class="deleted"></div>
<div class="online"></div>
<div class="offline"></div>

<div class="online"></div>
<div class="online"></div>
<div class="offline"></div>
<div class="offline"></div>
<div class="offline"></div>
<div class="offline"></div>
<div class="deleted"></div>

我看到了一些使用sort（）和append（）将内容分为两个部分的解决方案，但我找不到三个部分的解决方案。

试试这个：

var集=[]；
$（'div'）。每个（函数（）{
var，该值=$（此值）；
var cl=该.attr（'class'）；
如果（$.INARAY（cl，set）=-1）{
设定推力（cl）；
}
});
set.sort（）；
var div_0=$（'..+set[0]）.clone（）；
var div_1=$（'..+set[1]）.clone（）；
var div_2=$（'..+set[2]）.clone（）；
$（'body'）.html（“”）.append（div_2）.append（div_1）.append（div_0）

离线
在线 的
离线
离线
删除
在线 的
脱机
尝试以下操作：


var集=[]；
$（'div'）。每个（函数（）{
var，该值=$（此值）；
var cl=该.attr（'class'）；
如果（$.INARAY（cl，set）=-1）{
设定推力（cl）；
}
});
set.sort（）；
var div_0=$（'..+set[0]）.clone（）；
var div_1=$（'..+set[1]）.clone（）；
var div_2=$（'..+set[2]）.clone（）；
$（'body'）.html（“”）.append（div_2）.append（div_1）.append（div_0）

离线
在线 的
离线
离线
删除
在线 的
离线
这里有一个关于如何使用jQuery和两个简单for循环解决这个问题的小例子


var scope=$（'#scope'）；
变量容器=$（'div'，范围）；
变量顺序=[
“在线”，
“离线”，
“已删除”
];
$（文档）.ready（函数（）{
//清除当前作用域并在循环中追加
scope.html（“”）；
对于（i=0；i

离线
在线 的
离线
离线
删除
在线 的
离线
这里有一个关于如何使用jQuery和两个简单for循环解决这个问题的小示例


var scope=$（'#scope'）；
变量容器=$（'div'，范围）；
变量顺序=[
“在线”，
“离线”，
“已删除”
];
$（文档）.ready（函数（）{
//清除当前作用域并在循环中追加
scope.html（“”）；
对于（i=0；i

离线
在线 的
离线
离线
删除
在线 的
离线
的可能重复，这与“类”-属性相同可能重复，这与“类”-属性相同