如何在点击时更改图像和alt属性？

我希望使用JQuery而不是普通的JavaScript更改几个图像，并同时更改图像alt属性以便访问。

它应该是容易的，因为我不打算对变化做一些特殊的影响，但我仍然没有找到任何关于它的东西。

这是我使用JS的方式（不更改alt属性）： 

   Change Image using Javascript  function changeImg(image_id, image_folder){ document.getElementById(image_id).src = image_folder; }    
 Original Image 1 
     
 
 Original Image 2

有没有办法避免重复图像/ nameofthesubfolder /？

编辑：非常感谢altCognito，但我不明白如何使用此代码为每个图像具有不同的alt属性。 也许我忘了提到我在寻找它（我的坏）。

我们一起去吧。 （我最初冲过去）

然后是jQuery： 

 imgFldr = 'images/nameofthesubfolder/'; $("input[type='radio']").click(function() { $('#'+this.name).attr('src', imgFldr+this.value).attr('alt', 'newattribute'); });

查看示例 。

你可以在这里编辑它： http ： //jsbin.com/esebu/edit

你真的不需要那么多代码改变..

这是一个例子： 

 function changeImg(image_id, image_folder) { $("#" + image_id).attr({ 'src': image_folder, 'alt': image_folder }); }

你可以保留你的HTML代码..
Interesting Posts