w3c selectors list filter v2

// ==UserScript==
// @name           My Selector Script
// @description    A brief description of your script
// @author         Your Name
// @include        http://www.w3.org/TR/css3-selectors/
// @version        1.0
// ==/UserScript==

var headers = document.querySelectorAll(".selectorsReview thead th");
for (var i = 0; i < headers.length; i++)
  headers[i].style.cursor = "pointer";

document.querySelector(".selectorsReview thead .origin").onclick = function(){
  var arr = [];
  var nodeList = document.querySelectorAll(".selectorsReview tbody tr");
  var parent = nodeList[0].parentNode;
  for(var i = 0; i < nodeList.length; i++) {
    arr.push(nodeList[i]);
    nodeList[i].parentNode.removeChild(nodeList[i])
  }
  arr.sort(function(a,b){
    var aval = a.querySelector(".origin").innerHTML + " " + a.querySelector(".pattern").innerHTML;
    var bval = b.querySelector(".origin").innerHTML + " " + b.querySelector(".pattern").innerHTML;
    return aval.localeCompare(bval);
  });

  for (var i = 0; i < headers.length; i++)
    if(this !== headers[i])
      headers[i].removeAttribute("data-sortorder");

  if (this.getAttribute("data-sortorder") === "asc")
  {
    arr.reverse();
    this.setAttribute("data-sortorder","desc");
  } else {
    this.setAttribute("data-sortorder","asc");
  }

  for(var i = 0; i < arr.length; i++) {
    parent.appendChild(arr[i])
  }
}

document.querySelector(".selectorsReview thead .described").onclick = function(){
  var arr = [];
  var nodeList = document.querySelectorAll(".selectorsReview tbody tr");
  var parent = nodeList[0].parentNode;
  for(var i = 0; i < nodeList.length; i++) {
    arr.push(nodeList[i]);
    nodeList[i].parentNode.removeChild(nodeList[i])
  }
  arr.sort(function(a,b){
    var aval = a.querySelector(".described a").innerHTML + " " + a.querySelector(".pattern").innerHTML;
    var bval = b.querySelector(".described a").innerHTML + " " + b.querySelector(".pattern").innerHTML;
    return aval.localeCompare(bval);
  });

  for (var i = 0; i < headers.length; i++)
    if(this !== headers[i])
      headers[i].removeAttribute("data-sortorder");

  if (this.getAttribute("data-sortorder") === "asc")
  {
    arr.reverse();
    this.setAttribute("data-sortorder","desc");
  } else {
    this.setAttribute("data-sortorder","asc");
  }

  for(var i = 0; i < arr.length; i++) {
    parent.appendChild(arr[i])
  }
}

document.querySelector(".selectorsReview thead .meaning").onclick = function(){
  var arr = [];
  var nodeList = document.querySelectorAll(".selectorsReview tbody tr");
  var parent = nodeList[0].parentNode;
  for(var i = 0; i < nodeList.length; i++) {
    arr.push(nodeList[i]);
    nodeList[i].parentNode.removeChild(nodeList[i])
  }
  arr.sort(function(a,b){
    return a.querySelector(".meaning").innerHTML.localeCompare(b.querySelector(".meaning").innerHTML);
  });

  for (var i = 0; i < headers.length; i++)
    if(this !== headers[i])
      headers[i].removeAttribute("data-sortorder");

  if (this.getAttribute("data-sortorder") === "asc")
  {
    arr.reverse();
    this.setAttribute("data-sortorder","desc");
  } else {
    this.setAttribute("data-sortorder","asc");
  }

  for(var i = 0; i < arr.length; i++) {
    parent.appendChild(arr[i])
  }
}

document.querySelector(".selectorsReview thead .pattern").onclick = function(){
  var arr = [];
  var nodeList = document.querySelectorAll(".selectorsReview tbody tr");
  var parent = nodeList[0].parentNode;
  for(var i = 0; i < nodeList.length; i++) {
    arr.push(nodeList[i]);
    nodeList[i].parentNode.removeChild(nodeList[i])
  }
  arr.sort(function(a,b){
    return a.querySelector(".pattern").innerHTML.localeCompare(b.querySelector(".pattern").innerHTML);
  });

  for (var i = 0; i < headers.length; i++)
    if(this !== headers[i])
      headers[i].removeAttribute("data-sortorder");

  if (this.getAttribute("data-sortorder") === "asc")
  {
    arr.reverse();
    this.setAttribute("data-sortorder","desc");
  } else {
    this.setAttribute("data-sortorder","asc");
  }

  for(var i = 0; i < arr.length; i++) {
    parent.appendChild(arr[i])
  }
}