我需要更改包含多个站点的多个单独图像的图像源。它们没有可用于识别每个单独图像的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">