使用jQuery更改图像src onClick

我在我的网站上使用此HTML：

当我点击此链接时，我想将图像src更改为img2.jpg 。 再次点击时还原为https://stackoverflow.com/questions/13894815/changing-image-src-onclick-with-jquery/img1.jpg等等。 有人可以解释我是如何使用jQuery做到这一点的吗？

这是我现有的jQuery，如果这有帮助：

 $(document).ready(function() { $('#slick-toggle').click(function() { $('#slickbox').toggle(400); return false; }); }); 

非常感谢任何指针:-)

Answer 1

 $(document).ready(function() { $('#slick-toggle').click(function() { $('img', this).attr('src', function(i, oldSrc) { return oldSrc == 'img1.jpg' ? 'img2.jpg' : 'img1.jpg'; }); $('#slickbox').toggle(400); return false; }); }); 

Answer 2

你需要找到里面的图像，因为你的点击处理程序就在它上面，就像这样：

 $('a#slick-toggle').click(function() { var img = $('#share')[0], isSwap = "True"; img.src = isSwap ? img.src.replace("_img1","_img2") : img.src.replace("_img2","_img1"); $('.img-swap').toggleClass("on"); $('#atBox').toggle(100); return false; }); 

Answer 3

使用此function：

 $('#mylink').toggle( function(){ $(this).attr('src','img2.jpg'); }, function(){ $(this).attr('src','img3.jpg'); } // and so on.. ); 

你可以在其中添加更多function……