JavaScript的HTML元素的排序就地

Question

在繼續，爲javascript sort of HTML elements

我想排序在不同<ol>（最終在<div>） 排序元素最好應就地而不是unwrap()，sort()和wrap

HTML

<ol class="table" style="display: block; "> 
    <li class="menu__run">I</li> 
    <li class="menu__run">IXX</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
</ol> 
<ol class="table"> 
    <li class="menu__run">I</li> 
    <li class="menu__run">IXX</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__test">st</li> 
    <li class="menu__test">st</li> 
    <li class="menu__test">st</li> 
</ol> 

的JavaScript

var sort_by_name = function(a, b) { 
    return a.innerHTML.toLowerCase().localeCompare(b.innerHTML.toLowerCase()); 
} 

var list = $(".table > li").get(); 
list.sort(sort_by_name); 
for (var i = 0; i < list.length; i++) { 
    list[i].parentNode.appendChild(list[i]); 
}​ 

結果我尋找是

<ol class="table" style="display: block; "> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
</ol> 
<ol class="table"> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">I</li> 
    <li class="menu__run">IXX</li> 
    <li class="menu__run">IXX</li> 
    <li class="menu__test">st</li> 
    <li class="menu__test">st</li> 
    <li class="menu__test">st</li> 
</ol> 

讓A，B是DOM元素，並且該列表除了B上的出現降低（下層是文檔中的位置）和值（一）>值（b）然後a和b將被切換到文件中。不管a和b可能不是兄弟姐妹。

http://jsfiddle.net/yqd3w/7/

Answer 1

要由少做比較，你可以做加速任務了：

$(".table").each(function(){ 
    var list = $(this).children().get().sort(sort_by_name); 
    for (var i = 0; i < list.length; i++) 
     this.appendChild(list[i]); 
}​); 

...雖然不影響結果。

---

編輯：好的，我給你：

var $t = $(".table"); 
var list = $t.children().get().sort(sort_by_name); 
$t.map(function() { 
    return {t:this, l:this.childNodes.length}; 
}).each(function(i, o) { 
    $(o.t).append(list.splice(0, o.l)); 
});