如何使用jQuery更改图像src

Question

<div class="branding">
<h1 class="logo">
<a href="http://www.whatever.com/" class="logo">
<img src="http://www.whatever.com/test.png"></a>
</h1>
</div>

我试图用以下内容访问图像src无济于事：

$("a.logo img").html("<img src='http://www.whatever.com/newimage.png'>");

我这样做的原因是因为图片是第三方的，我无法访问代码库进行更改，所以我试图用我的代码撕掉它们。

Answer 1

src是属性。您应该使用.attr()来使用jquery获取/设置属性值：

 $("a.logo img").attr("src","http://www.whatever.com/newimage.png");

Answer 2

.html（）更改节点的html CONTENT，例如

orig: <p>foo</p>
$('p').html('bar');
neW: <p>bar</p>

<img>没有内容。尝试

$('p.logo img').attr('src', 'new url here');

Answer 3

你试过吗

img.attr('src','http://mynewsource.com');

Answer 4

我想出了答案：

$('a.logo img').attr("src", "http://www.whatever.com/newimage.png" );

谢谢！