javascript - 在选择框更改时按升序和降序对 HTML 表格进行排序

Question

我想在选择框更改时按升序和降序对表中的数据进行排序。如果用户从选择框选项中选择升序，则数据应按升序排序，降序也是如此。我知道这很简单，但我是个新手所以请帮我做这件事。这是我到目前为止所做的。

FIDDLE

function createClickHandler(column, isAscending){
    return function(e){
      table.find('td')
        .filter(function(){
          return $(this).index() === column;
        })
        .sort(function(a, b){
          var order = $.text([a]) > $.text([b]);
          return isAscending ? order : !order;
        }, function(){
          // parentNode is the element we want to move
          return this.parentNode; 
        })
      ;
    };
  }

提前致谢

Answer 1

有各种插件可以使用 jQuery 执行此操作。最著名的是 jQuery tablesorter:试试这个，它对我有用 http://tablesorter.com/docs/#Demo

$("#myTable").tablesorter();在选择框的更改事件中使用它

在 fiddle 上检查:http://bit.ly/1cEApUh

排序 = [[0,0]];

这是定义那些属性的数组

在第一个字段中，您需要添加列索引。在我的例子中，列索引为 0。如果将其更改为 1，它将根据年份排序

第二个字段包含 0 和 1，0 表示升序，1 表示升序

让我们以排序make列为例

if($(this).val() === "升序") 排序 = [[2,0]];别的 排序 = [[2,1]];