jquery中如何交换图片

Question

如何在单击图像时交换图像的 SRC 属性？

<a href="#">
    <img src="./layout/images/search.png" />
</a>

$('img[src="./layout/images/search.png"]').click(function () {
    $(this).attr('src',"./layout/images/search_select.png")
});

Answer 1

您可以尝试以下解决方案：

$("img").click(function(){
   $(this).attr("src","new.gif");
})

正如 David Hedlund 指出的那样，由于 img 选择器，这将更改页面上的所有图像。您可以按照 sam152 的建议使用类来定位图像，或者您可以使用它的 src 属性来定位图像 -

 $("img[src='old.gif']").click(function (){
   $(this).attr("src","new.gif");
})

请参阅我的演示 - JSFiddle

Answer 2

如果您有一个名为“swap”的类的图像，则可以使用以下代码片段。它使用 click 事件，然后使用 attr 来更改图像 src 属性。

$('.swap').click(function(){ 
    $(this).attr('src','new/path/to/img.jpg');
});