Javascript Jquery-单击时更改img src，如果单击不同的img或块，则返回旧的src

我想改变图像src点击和返回它的旧src如果点击不同的图像或块

    <div>
     <img src="a" />
     <img src="b" />
     <img src="c" />
     </div>

它正在将src=“a”的颜色更改为src=“c”。我知道，因为我首先初始化，但如何保存它，然后再更改。可能是个愚蠢的问题，但仍然需要帮助。

我建议您使用该方法将值存储在图像中

通过这种方式，可以将值存储在对象本身中，并且可以轻松地交换输入和输出信息

$（'img'）。在（'click'，function（）上{
风险价值权衡http://firestarter.firebrandgroup.com/images/flame-logo.gif?b20388';
/**将图像重置为原始图像**/
$（'img'）。每个（函数（）{
var$img=$（本）；
/**获取旧的原始src**/
var data=$img.data（'oldsrc'）；
/**只有在实际存在某些值时才进行更新**/
如果（数据）{
$img.attr（'src'，数据）；
}
});
/**当前图像**/
var$this=$（this）；
/**当前href**/
var src=$this.attr（'src'）；
/**仅当与折衷值不同时才存储**/
如果（src！=权衡）{
/**将旧数据存储在图像中**/
$this.data（'oldsrc'，src）；
}
/**显示权衡**/
$this.attr（'src'，折衷）；
});
img{宽度：100px；高度：60px；}






我建议您使用该方法将值存储在图像中

通过这种方式，可以将值存储在对象本身中，并且可以轻松地交换输入和输出信息


$（'img'）。在（'click'，function（）上{
风险价值权衡http://firestarter.firebrandgroup.com/images/flame-logo.gif?b20388';
/**将图像重置为原始图像**/
$（'img'）。每个（函数（）{
var$img=$（本）；
/**获取旧的原始src**/
var data=$img.data（'oldsrc'）；
/**只有在实际存在某些值时才进行更新**/
如果（数据）{
$img.attr（'src'，数据）；
}
});
/**当前图像**/
var$this=$（this）；
/**当前href**/
var src=$this.attr（'src'）；
/**仅当与折衷值不同时才存储**/
如果（src！=权衡）{
/**将旧数据存储在图像中**/
$this.data（'oldsrc'，src）；
}
/**显示权衡**/
$this.attr（'src'，折衷）；
});
img{宽度：100px；高度：60px；}






使用html数据属性

  <div>
     <img src="a" data-source="a"/>
     <img src="b" data-source="b" />
     <img src="c" data-source="c" />
     </div>


function reset_img()
{
    var images = $('img');
    $.each(images, function() {
        var image = $(this);
        if(image.attr("src") != image.attr("data-source"))
             image.attr("src") = image.attr("data-source");
    }
}

$('img').on('click',function(e) {
     reset_img();
     $(this).attr("src", "d");
 });


功能重置\u img（）
{
变量图像=$（'img'）；
$.each（图像、函数（）{
var image=$（这是）；
if（image.attr（“src”）！=image.attr（“数据源”））
image.attr（“src”）=image.attr（“数据源”）；
}
}
$（'img'）。在（'click'，函数（e）上{
重置_img（）；
$（此）.attr（“src”，“d”）；
});
使用html数据属性

  <div>
     <img src="a" data-source="a"/>
     <img src="b" data-source="b" />
     <img src="c" data-source="c" />
     </div>


function reset_img()
{
    var images = $('img');
    $.each(images, function() {
        var image = $(this);
        if(image.attr("src") != image.attr("data-source"))
             image.attr("src") = image.attr("data-source");
    }
}

$('img').on('click',function(e) {
     reset_img();
     $(this).attr("src", "d");
 });


功能重置\u img（）
{
变量图像=$（'img'）；
$.each（图像、函数（）{
var image=$（这是）；
if（image.attr（“src”）！=image.attr（“数据源”））
image.attr（“src”）=image.attr（“数据源”）；
}
}
$（'img'）。在（'click'，函数（e）上{
重置_img（）；
$（此）.attr（“src”，“d”）；
});
无效，
为自动关闭tag@Magicprog.fr刚刚编辑：@ MigCiPr.FR然后考虑关闭它<代码> <代码>你可以使用数据属性来存储替代的SRC并将它们交换出去，图像必须在每次点击时加载……只需在HTML中添加图像，并在Calp.<代码> /COD中隐藏/显示图像。e> 无效，
为自动关闭tag@Magicprog.fr刚刚编辑：@ MigCiPr.FR然后考虑关闭它<代码> <代码>你可以使用数据属性来存储替代的SRC并将它们交换出去，图像必须在每次点击时加载……只需在HTML中添加图像并在点击时隐藏/显示图像。谢谢帮助：谢谢你的帮助：）