Question

Here i have code:

<div class="starright"><img src="images/stars1.png" width="30" height="30" /></div>
<div class="starright"><img src="images/stars1.png" width="30" height="30" /></div>
<div class="starright"><img src="images/stars1.png" width="30" height="30" /></div>
<div class="starright"><img src="images/stars1.png" width="30" height="30" /></div>

I want to change onClick image inside, but just on clicked object? Not on all? I have issuse because this is class in css not a ID, is this posible, maybe like onClick This?

Edited. This works great:

function change(element){
element.innerHTML = "[new inner HMTL]";
}

But how to revert it on first image when second click?

Answer 1

Try this code in jquery:

$('.starright').click(function(){
   var path1 = "insert a path";
   var path2 = "insert another path";
   var src =   $(this).find ('img').attr('src');
   if (src==path1){
      $(this).find ('img').attr('src',path2);
   }
   else{
      $(this).find ('img').attr('src',path1);
   }
});

Is what you want?