默认情况下,我想显示排序图标。当用户点击我想要升序图标,如果用户再次点击我想要降序图标。
如何使用jquery
实现此目的答案 0 :(得分: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)";
}
};