JSFiddle - React, Tailwind, and code Playground

HTML

<div class ="paging"

<a href="#" class="default">
    <img src ="http://beta.d-load.org/images/etc/imagev-norm.png"/>
</a> &nbsp;
<a href="#" class="default">
    <img src ="http://beta.d-load.org/images/etc/imagev-norm.png"/>
</a> &nbsp;
<a href="#" class="default">
    <img src ="http://beta.d-load.org/images/etc/imagev-norm.png"/>
</a> &nbsp;


</div>

<br />
Dummy  Anchor  
<a href="#">  <img src ="http://beta.d-load.org/images/etc/imagev-norm.png"/>
</a>

JavaScript

var src = [];
    src['normal'] = "http://beta.d-load.org/images/etc/imagev-norm.png";
    src['active'] = "http://beta.d-load.org/images/etc/imagev-over.png";
$(document).ready(function() {
    $('a',$('.paging')).click(function() {
       $('a',$('.paging')).find('img').attr('src',src['normal']);  
       $(this).find('img').attr('src',src['active'])   ;
    });
});