按数据属性排序div包括页范围

Question

我有一组包含页码的结果集。

<div class="results">
   <div class="result" data-pages="1005-1007">
      pp 1005-1007
   </div>
   <div class="result" data-pages="997">
      pp 997
   </div>
   <div class="result" data-pages="1009-1012">
      pp 1009-1012
   </div>
   <div class="result" data-pages="1037-1038">
     pp 1037-1038
  </div>

​

如果它们是整数，那么简单的排序就会重新排序：

$('.result').sort(function(a,b){
   return $(a).data('pages') >$(b).data('pages');
}).appendTo('.results')

但是范围会影响结果，毫不奇怪，上面的函数是没有帮助的：

pp 1005-1007
pp 997
pp 1009-1012
pp 1037-1038

我如何使用javascript/jquery重新排序这些结果，使我能够：

pp 997
pp 1005-1007
pp 1009-1012
pp 1037-1038

http://jsfiddle.net/craigjb12/CFYnE/63/

Answer 1

您可以从排序函数返回-1或1

$('.result').sort(function (a, b) {
    return $(a).data('pages') > $(b).data('pages') ? -1 : 1;
}).appendTo('.results')

演示：小提琴