Html 单击更改背景图像

我有一个带有标题的表，它使用显示标记库进行排序

单击标题时，我想从其他标题中删除背景图像并显示“向上箭头”图像。当再次单击相同的标题时，我希望显示一个“向下箭头”图像

这就是我现在使用的CSS

CSS

---

我得到了解决方案，我非常抱歉那些仍然试图理解这个问题的人。运行我的解决方案，您不仅可以得到问题，还可以得到答案。我只需要在CSS中配置order1和order2

th.order1 {
background: url("../images/integration/upArrow.gif") no-repeat 30%;
} 

th.order2 {
background: url("../images/integration/downArrow.gif") no-repeat 30%;
} 

---

请在这里提供更多的上下文。您包含的代码-是否有效？为什么没有达到你的目标？不要告诉我们“我想要这个，这个应该做些什么”，而是问我们一个问题，这样我们就能帮助你！你能给我们一个代码的演示吗？JSFIDLE、CodePen还是代码片段？我可以给你一个理论上的解决方案，但需要代码来提供一个有效的解决方案。伙计们，请放松。我正在使用显示标签库，它负责我的排序，而且图像也在那里。但我试图实现的是，最初仅在一个标题上显示图像。您将无法获取代码，因为它是使用Display tag.Hmm完成的。可以将显示标记库添加到JSFIDLE、CodePen或代码段中。您只需要复制并粘贴HTML代码。另外，对于您的问题，您可能需要JS。你愿意用吗？这是我第一次用它。我想知道如何实现它。我没想过。以前它是使用EL完成的，但现在显示标签处理了大部分内容。我只被困在这一部分。

th.order1 {
background: url("../images/integration/upArrow.gif") no-repeat 30%;
} 

th.order2 {
background: url("../images/integration/downArrow.gif") no-repeat 30%;
}