javascript - 如何按数据属性对列表进行排序而忽略某个类？

Question

我有一个想要排序的无序列表。所有列表项都有一个数据属性data-index及其相应的列表索引号。我想根据此索引号对列表进行排序，但是，我想忽略具有类 .active

的列表项

因此，在我的以下结构中，我尝试按照其数据索引的顺序返回该类处于事件状态的列表项之后的所有列表项。具有类 .active 的列表项应被忽略并保持在顶部。

<ul>
    <li class="active" data-index="8">Item 8</li>
    <li class="inactive" data-index="6">Item 6</li>
    <li class="inactive" data-index="5">Item 5</li>
    <li class="inactive" data-index="3">Item 3</li>
    <li class="inactive" data-index="4">Item 4</li>
    <li class="inactive" data-index="2">Item 2</li>
    <li class="inactive" data-index="1">Item 1</li>
    <li class="inactive" data-index="7">Item 7</li>
    <li class="inactive" data-index="9">Item 9</li>
</ul>

我该如何去做呢？

我的基本结构中包含了一个 jsfiddle。

http://jsfiddle.net/T9qQt/6/

如有任何帮助，我们将不胜感激。

Answer 1

$('#sortList').click(function(){
   $('ul .inactive').sort(function(a,b) {
     return $(a).data('index') > $(b).data('index');
}).appendTo('ul');
});

Fiddle