javascript - 使用 .sort() 和 .data() 对 IE11 和 Edge 中的 HTML 元素进行排序

Question

我使用这个问题 ( jQuery sort elements using data id ) 完成了我正在做的项目的大量工作。

投票最高的答案提到，如果我需要它在 IE10 及以下版本中工作，则需要使用 jQuery;s .data()。我没有在任何这些浏览器中测试它，但我发现它在 IE11 或 Edge 中不起作用。

这是对我来说在 Chrome 中运行良好的 jsfiddle:http://jsfiddle.net/4o771n7o/

HTML

<div class="clist">
    <div data-sid=1>1</div>
    <div data-sid=4>4</div>
    <div data-sid=3>3</div>
    <div data-sid=1>1</div>
    <div data-sid=4>4</div>
    <div data-sid=2>2</div>
    <div data-sid=1>1</div>
</div>

Javascript

$('.clist div').sort(function(a,b) {
     return $(a).data('sid') > $(b).data('sid');
}).appendTo('.clist');

Answer 1

排序功能不好；我不确定为什么它适用于任何其他浏览器。工作 JSFiddle:

http://jsfiddle.net/0m75k1fm/

排序函数应该返回一个数字，而不是 bool 值:

$('.clist div').sort(function(a,b) {
     return parseInt($(a).data('sid'), 10) - parseInt($(b).data('sid'), 10);
}).appendTo('.clist');