javascript - 用javascript替换别人的图片

Question

如何用 javascript 替换别人的图片？

我已经尝试过，但出了点问题

 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>

Answer 1

确保包含 jQuery，然后你的 fiddle 就可以正常工作:http://jsfiddle.net/dm9xkmkd/1/

但您也可以一步处理此问题，而无需涉及 replace() 或重写大块 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>