我需要更改包含多个站点的多个单独图像的图像源。它们没有可用于识别每个单独图像的ID,这就是为什么我需要根据每个图像具有的当前来源进行更改的原因。

我还没有找到一个可行的解决方案。

html看起来像这样:

<img class="card-image" alt="" src="www.url.com/12987237857.an-individual-photo.jpg">


香港专业教育学院发现并尝试了此方法的许多变体,但还没有找到一种方法来仅对特定的img src进行此更改:

  $('.card-image').attr('src', $('.card-image').attr('src').replace('original', 'new'));


我之前用hrefs做过类似的事情,这很完美:

 $('a[href$="partOfOldURL"]').attr('href', 'newURL');


有人可以帮我吗?先感谢您!

最佳答案

我建议使用jQuery.each函数。



$(document).ready(function(){
  $('.card-image').each(function(){
    $(this).attr('src', $(this).attr('src').replace('original', 'new'));
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img class="card-image" alt="" src="https://via.placeholder.com/150?text=original+1234">
<img class="card-image" alt="" src="https://via.placeholder.com/150?text=original+5678">

10-05 21:05
查看更多