Replace images by others with javascript

Question

How can I replace images by others with javascript please ?

I've tried but something is wrong

 if ($(".grimm")) {
   $('.ch').
     html(
       $('.ch').
         html().
         replace('http://icons.iconarchive.com/icons/graphicrating/koloria/32/Mail-icon.png',
                 'http://icons.iconarchive.com/icons/graphicrating/koloria/32/Mails-icon.png')
   );
 }

<div class="grimm">
  <div class="ch">
    <img src="http://icons.iconarchive.com/icons/graphicrating/koloria/32/Mail-icon.png" />
  </div>
</div>

What is the "*something*" that "*is wrong*"? – David Thomas Feb 25 '15 at 23:18 — David Thomas, Feb 25 '15 at 23:18

Paul Roub · Accepted Answer · 2015-02-25T23:36:07.270

Make sure to include jQuery, then your fiddle works fine: http://jsfiddle.net/dm9xkmkd/1/

But you can also handle this in one step without involving replace() or rewriting large chunks of HTML:

$('.grimm .ch img[src="http://icons.iconarchive.com/icons/graphicrating/koloria/32/Mail-icon.png"]').
  attr('src', 'http://icons.iconarchive.com/icons/graphicrating/koloria/32/Mails-icon.png');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div class="grimm">
  <div class="ch">
    <img src="http://icons.iconarchive.com/icons/graphicrating/koloria/32/Mail-icon.png" />
  </div>
</div>

Replace images by others with javascript

1 Answers1