用 jQuery 动态替换 img src 属性

我正在尝试使用 jQuery 替换给定源的 img 源。例如，当图像源为 smith.gif 时，替换为 johnson.gif。如果 williams.gif 替换为 Brown.gif 等。

编辑：图像是从 XML 中按随机顺序检索的，每个图像都没有类。

这是我尝试过的：

if ( $("img").attr('src', 'http://example.com/smith.gif') ) {
              $(this).attr('src', 'http://example.com/johnson.gif');
            }
if ( $("img").attr('src', 'http://example.com/williams.gif') ) {
              $(this).attr('src', 'http://example.com/brown.gif');
            }

请注意，我的 HTML 有很多图像。例如

<img src="http://example.com/smith.gif">
<img src="http://example.com/williams.gif">
<img src="http://example.com/chris.gif">

etc.

那么，我该如何替换图像：IF img src="http://example.com/smith.gif" 则显示“http://example.com/williams.gif”。 etc...

多谢

这就是你想要做的：

var oldSrc = 'http://example.com/smith.gif';
var newSrc = 'http://example.com/johnson.gif';
$('img[src="' + oldSrc + '"]').attr('src', newSrc);