Question

我有一个页面有几个需要更改的图标图像。我无法通过ID获取图像，因为它们是由服务器生成的，所以总是更改，但我可以通过类名来获取它们。

所以我想通过获取图像源并检查它与我想要更改的图像的条件匹配然后交换新的图标图像来改变页面上几个图标图像中的4个。

我在javascript和JQuery中有一些笨重的版本，但我真的在寻找一个功能强大且简单易用的版本。

我确实发现这适用于需要在多个位置进行更改的4个单独图像：

 function changeArrow() {
            $('img[src="chevron-orange-round-down.jpg"]').attr('src', 'chevron-blue-round-down.jpg')
            $('img[src="chevron-orange-round-up.jpg"]').attr('src', 'chevron-blue-round-up.jpg') 
            $('img[src="chevron-orange-round-left.jpg"]').attr('src', 'chevron-blue-round-left.jpg') 
            $('img[src="chevron-orange-round-right.jpg"]').attr('src', 'chevron-blue-round-right.jpg') 
        }

我预计我需要一个循环，例如.each，如下所示，但这改变了符合条件的所有图像实例。

Answer 1

您可以设置src attr $('.image').attr('src', 'val');

或通过简单的循环

$('.image').each(function(i, obj) {
    if($(this).attr('src')=='some criteria')
    {
    $(this).attr('src', 'val');
    }
});

根据特定图片更改img来源

1 个答案: