jquery - Javascript 按数字层次排序（从 div 中提取）

Question

我有一组通过 Jquery ui Draggable/Droppable 克隆的 div。

原始元素具有数字 ID（1、2、3 等），这决定了它们的层次结构。克隆的元素 ID 附加前缀“clone_”，以便它们保持唯一：

<div id="parent">
    <div id="clone_1" class="clone">foo</div>
    <div id="clone_3" class="clone">roo</div>
    <div id="clone_2" class="clone">bar</div>
</div>

我的问题是，如何根据它们的层次结构对克隆的项目进行数字排序？我可以找到号码：

var cloneID = $('.clone').attr('id');
var IDstring = cloneID.split("_"); 
var hierarchy = IDstring[1];

但我无法弄清楚下一步。谢谢。

Answer 1

function getarr(a){
var IDstr2 =[];

for (var i=1;i<a.length;i=i+2){
 IDstr2.push(a[i]);

}
return IDstr2;
}

var x = getarr(IDstring);

 x.sort(function(a,b){return a-b;});

或降序： x.sort(function(a,b){return b-a;});