邏輯問題與JavaScript

Question

默認我想顯示排序圖標。當用戶點擊我想升序圖標，如果用戶再次點擊我想降序圖標。

我如何用jQuery

Answer 1

現在，你的問題是更清晰的實現這一點，這裏是我的建議，前提是你的圖標爲背景圖像的DIV：

這是沒有必要有兩個變量來決定它是上升還是下降，所以我只是將這兩個變量結合在一起（asc，縮寫爲升序）

var asc = false; 
var yourIcon = document.getElementById("yourIcon"); 

btn.onclick = function(){ 
    switch (asc){ 
     case false: 
      asc = true; 
      yourIcon.style.backgroundImage = "url(ascending.png)"; 
      break; 
     case true: 
      asc = false; 
      yourIcon.style.backgroundImage = "url(descending.png)"; 
    } 
};