Javascript 排序不适用于 IE9？

Question

问题是我有一个联系人列表，当有人更改他/她的状态时，我会尝试将他们移到列表顶部。到目前为止一切正常，使用 IE9，而 Firefox 4 无法正常工作。我给你看代码：

function sortByStatus()
{

  var divs = getElementsByClassName(document,"status_sort");
  divs.sort(compare);

  for (var i = 0; i < divs.length; i++)
  {
    $("#contact_info").append(divs[i]);
  }
}

function compare(div1, div2)
{
  var id1 = div1.getAttribute("id");
  var id2 = div2.getAttribute("id");
  if (id1 > id2)
    return 1;
  else if (id1 < id2)
    return -1;
  else
    return 0;
}

有什么想法或可能的解决方法吗？谢谢。

更新

我已经尝试过 MrBuuBuu 解决方案，它工作得很好，因为现在按状态排序有效，但字母排序不起作用。我不得不更改 MrBuuBuu 解决方案的一部分，即比较功能，因为我将联系人的姓名与代表状态的姓名之前的数字进行比较（例如 2John ，2 表示离线，1 表示在线）所以我必须进行比较使用 '' 并返回 1、-1 或 0。

但最糟糕的是，现在它不适用于 IE7 或 IE8...按状态排序不起作用。

真的很奇怪，有什么想法吗？

Answer 1

document.getElementsByClassName 返回一个 NodeList，而不是一个数组。因此，您必须先将其转换为数组。我还清理了你的 compare() 函数。

function compare(div1, div2)
{
  var id1 = div1.id;
  var id2 = div2.id;

  if (id1 < id2) {
      return - 1;
  }
  if (id1 == id2) { 
      return 0;
  }
  return 1;
}

function sortByStatus()
{

  var divs     = document.getElementsByClassName("status_sort");
  var divArray = $.map(divs, function(div) { return div; });

  divArray.sort(compare);

  $.each(divArray, function(i, div){
      $("#contact_info").append(div);     
  });
}

Answer 2

如果您使用浏览器的原生 getElementsByClassName 函数，您可能会得到一个不是可排序数组的 DOM 节点集合。

当您说它不起作用时，您是否遇到任何错误，或者仅仅是数组没有排序？我假设您遇到错误是因为 sort 未定义。

您可以尝试的一件事是在排序之前将节点集合克隆为纯 JavaScript 数组：

divs = [].slice.call(divs);
divs.sort(...

我没有 IE9 来测试这个，但是用 Chrome：

// undefined
document.getElementsByClassName("someclass").sort

但是：

// the sort function
[].slice.call(document.getElementsByClassName("someclass")).sort

Answer 3

你确定它一直在工作吗？全局范围内没有getElementsByClassName这样的函数。

尝试改用document.getElementsByClassName("status_sort")。