JS判断同一按钮的多次点击事件？

Question

如图所示，一个table表头中有四个排序按钮，需求是这样的：第一次点击降序，第二次升序，第三次点击默认显示（不排序）；
我想问有没有一个方法，可以判断四个按钮的三种点击状态？
。。。我想了一下，如果实现可能就得用比较麻烦的方法，感觉这样写很low～～

Answer 1

每次点击 记录并切换 状态值 可以记录在clickdom上 （data-state）

<div id="dom1" data-state="1" >xx数量</div>

$("#dom1").click(){
   var state =  $(this).data('state')
    if(state == 1){
     .....
    }else if(){
     .....
    }
}

而且互不影响

Answer 2

试试三目表达式

Answer 3

3个状态，比如 data-type 3 4 5 代表默认，降序，升序。点击的时候去判断当前状态。并请求相应的排序结果。请求结束后更新data-type. data-type= ((data-type+1)%3)+3.

Answer 4

因为4个状态不能相互影响，所有只能通过四个变量来判断，应该该是data-id 加 三元表达式比较好实践，如果一个变量，肯定会相互影响的

Answer 5

为什么要第三次就不排序？datatable可以给每列升序降序排序。。