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
– David Thomas

2015-02-25 23:18:50 +00:00
Commented Feb 25, 2015 at 23:18 — David Thomas
– David Thomas, Commented Feb 25, 2015 at 23:18

Paul Roub · Accepted Answer · 2015-02-25 23:36:07Z

3

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>

edited Feb 25, 2015 at 23:36

answered Feb 25, 2015 at 23:20

Paul Roub

36.5k27 gold badges88 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Replace images by others with javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related