使用特定类更改所有图像的src

Question

在我的代码中，我有一些<div class="sign">，并且有<img class="sign" alt="hi" src="img.jpg">。

我想用class =“sign”改变图像的所有src。

我想我应该这样做：

$("img.sign").each(function () {
    src = "http://4.bp.blogspot.com/-Pi_SzgTqSg8/TecelklSUVI/AAAAAAAAAKk/Rpcdzw4jYOY/s1600/Chrome.png";
});

但我收到了一个错误：

Uncaught TypeError: Cannot set property 'src' of null 

Answer 1

试试这段代码

$(this).attr('src','your path');

如果要设置属性值，请使用.attr（）

你可以直接设置任何循环。如果你使用类作为选择器将适用于所有匹配的元素。

.attr()

Answer 2

  

“我想用class="sign"”更改图像的所有src。

不需要像其他答案建议的循环;一行：

$('img.sign').attr('src', 'http://4.bp.blogspot.com/-Pi_SzgTqSg8/TecelklSUVI/AAAAAAAAAKk/Rpcdzw4jYOY/s1600/Chrome.png');

修改：如果您想将所有alt的{​​{1}}更改为img.sign，请回复您的评论：

222

jsFiddle example.

Answer 3

$("img.sign").each(function () {
    $(this).attr("src","http://4.bp.blogspot.com/-Pi_SzgTqSg8/TecelklSUVI/AAAAAAAAAKk/Rpcdzw4jYOY/s1600/Chrome.png");
});