jquery - 更改具有特定类的所有图像的 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

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

不需要像其他答案所暗示的那样循环；一行完成：

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

编辑：在回复您的评论时，如果您也想将altof allimg.sign更改222为：

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

jsFiddle 示例。

Answer 2

试试这个代码

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

当您想设置属性值时，请使用 .attr()

并且您可以直接设置而无需任何循环。如果您使用类作为将应用于所有匹配元素的选择器。

.attr()

Answer 3

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