使用onclick（）更改图像

Question

我想点击对象时将图像更改为其他图像。代码按以下顺序堆叠：

<li><img><some text></img></li>
<li><img><some text></img></li>
<li><img><some text></img></li>
<li><img><some text></img></li>
<li><img><some text></img></li>

我想做的是，当我点击

我想将图像更改为图像的彩色版本，即其他图像。现在，我知道我可以使用jquery / JS来完成它。但我不想要大量的JS代码来完成这么简单的事情。 可以用更简单的东西来完成吗？像伪选择器一样？ .active类?? 我似乎无法想到它。