用 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>

用 javascript 替换其他人的图像

Replace images by others with javascript

javascript

replace

image