简单的表格排序有三列 - 跟踪列和顺序

时间:2012-08-16 19:23:21

标签: javascript jquery

我有三个表格标题,每个表格都有ID: deadline_column duration_column description_column

每个<th>都有一个'headerSort'类。我现在要做的是,一旦单击其中一个标题:确定单击的列,然后在升序和降序之间切换。我遇到的主要问题是在单击新列时返回默认排序(升序)。现在我有:

$(document).ready(function(){

            var order;
            var column; 

            $('.headerSort').on('click', function(){
                var column = $(this).attr('id');
                if (order=='ascending'){
                    order = 'descending';
                } else {
                    order = 'ascending'; 
                }

                alert (order);
                // deadline_column
                // duration_column
                // description_column

                // switch(column){
                //  case 'deadline_column':
                //  break;

                //  case 'duration_column':
                //  break;

                //  case 'description_column':
                //  break;
                // }

            });

我无法想出一种不会过于冗长的方法。

1 个答案:

答案 0 :(得分:0)

这样的事情怎么样?

$(document).ready(function(){

        var order;
        var column; 

        $('.headerSort').on('click', function(){
            var newColumn = $(this).attr('id');
            if(column !== newColumn){
                column = newColumn;
                order = 'ascending';
            }
            else{
                if (order=='ascending'){
                    order = 'descending';
                } else {
                    order = 'ascending'; 
                }
            }

            alert (order);
        });
});