Javascript jQuery如何将源图像存储到临时内存中,并在以后检索

Javascript jQuery如何将源图像存储到临时内存中,并在以后检索,javascript,jquery,local-storage,Javascript,Jquery,Local Storage,请检查下面的图片 当我点击“隐藏图像”时,所有显示的图像都会被静态图像替换,稍后当我取消选中时,必须立即显示原始图像 <div id="log_contents"> <span style="color:blue;"><b>Public chat</b> with <b>dragos123</b></span> <br><br> <div class

请检查下面的图片

当我点击“隐藏图像”时,所有显示的图像都会被静态图像替换,稍后当我取消选中时,必须立即显示原始图像

<div id="log_contents">    
    <span style="color:blue;"><b>Public chat</b> with <b>dragos123</b></span> <br><br>    
    <div class="chat-line"> 
        <span class="dialogue_time">  11:00:39 AM &nbsp;</span>
        <span style="background-color:FFF;">debasish:</span>
        <span style="background-color:FFF;"><img  style="cursor:pointer; max-height:80px;" src="http://localhost/myshowcam/files/stickers/msc-1427684408.gif" title=":party1"></span>
    </div>

    <div class="chat-line"> 
        <span class="dialogue_time">  11:01:43 AM &nbsp;</span>
        <span style="background-color:ffff88;">pkk:</span>
        <span style="background-color:ffff88;">hiiiiiiiiiiiiii</span>
    </div>

    <div class="chat-line"> 
        <span class="dialogue_time">  11:02:03 AM &nbsp;</span>
        <span style="background-color:ffff88;">pkk:</span>
        <span style="background-color:ffff88;"><img  style="cursor:pointer; max-height:80px;" src="http://localhost/myshowcam/files/stickers/msc-1427684892.gif" title=":1min"></span>
    </div><div class="pagination" style=""></div>

</div>

与dragos123的公共聊天

上午11:00:39 德巴西什: 上午11:01:43 pkk: HIIIIIIIIII 上午11:02:03 pkk:
请给出宝贵的反馈


谢谢。

您需要将有关原始vlaue的信息保存在某个位置,否则无法恢复此更改

我会将初始代码更改为

$("#log_contents").find('img').each(function() {
    $(this).data('img-org', $(this).attr('src'));
    $(this).attr('src', 'img/hide-image.gif');
});
要想扭转这种局面,你只需要做相反的事情

$("#log_contents").find('img').each(function() {
    $(this).attr('src', $(this).data('img-org'));
});

您可以使用某些属性来存储原始图像源。它不是有效的HTML,但应该可以工作

编辑:@Kami用
data()的答案更好,所以我改变了我的答案:

功能更改(元素){
if($(element.prop('checked')){
$(“img”)。每个(函数(){
$(this).data(“旧src”,$(this.attr(“src”);
});
$('img').attr(“src”,'http://img005.lazygirls.info/people/tamanna_bhatia/tamanna_bhatia_tamanna_latest_images_7_jpg_jpeg_image_1024_1226_pixels_scaled_76__qWkMn2nO.sized.jpg');
}否则{
$(“img”)。每个(函数(){
$(this.attr(“src”),$(this.data(“旧src”);
});
}
}




图像关闭那么您的其余代码在哪里?我们需要更多信息。因此您知道如何更改图像,并且希望知道如何再次更改图像?为什么人们不提供答案而无所事事?帕拉迪佩塔,你不能那样做。只需保存旧数据vs data-*属性。然后将其还原为旧值。欢迎使用Stackoverflow Pradeepta。请包括您迄今为止所做的尝试,以便人们能够帮助您。这是一个帮助人们的网站,而不是为他们工作。如果你问的问题表明你没有试图独自实现你的目标,你可能会发现一些敌意。该死的,你在哪里更快…删除了我的答案,因为它是重复的