Quero alterar uma imagem para outra quando clico no objeto. o código é empilhado na seguinte ordem:

<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>

O que eu quero fazer é, quando clico no botão

Quero alterar a imagem para uma versão colorida da imagem, ou seja, alguma outra imagem. Agora, eu sei que posso usar o jquery / JS para fazer isso. Mas eu não quero uma quantidade enorme de código JS para realizar algo tão simple

Pode ser feito usando algo mais simples? Como pseudo-seletores? classe ativa ??

Parece que não consigo pensar niss