用jQuery动态替换img src属性

我试图用jQuery替换给定源的img源代码。 例如，当图像src是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有很多图像。 例如

等等

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

非常感谢

Answer 1

这就是你想做的事情：

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

Answer 2

您需要在jQuery文档中查看attr方法。 你在滥用它。 您在if语句中执行的操作只是将所有图像标记src替换为第二个参数中指定的字符串。

http://api.jquery.com/attr/

更换一系列图像源的更好方法是遍历每个图像源并检查它的来源。

例：

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