用jQuery动态替换img src属性

Question

我想用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有许多图像。例如

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

等

所以，我怎么能更换图片：IF IMG SRC = “http://example.com/smith.gif” 然后显示“HTTP：//例子.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'); 
    } 
});