求高手，js后者jq如何实现点击一个div执行一个事件，再点击别的地方恢复原来的样子！

Question

我这里有个html列表，当我点击id="M1"时,里面的图片.html("")替换一个框架，这个容易，很轻松就能实现。但是我想要是点击第二个时第一个恢复原来的img标签，总之点击别的div后原来的事件恢复,是否能够实现，就像鼠标经过和鼠标离开的那种，只是换为点击，资深的老铁给点思路！！$('body').on('click','.box',function(e){var_id=$(this).data('id');$("#"+_id).html("")});

Answer 1

首先加载时，用函数保存最初的状态～点击某一个，则他的siblings（）执行恢复最初状态
                            

Answer 2

加一个缓存，把之前点击的那个节点保存下来，后续点击时，判断下，如果有缓存，则从缓存中将其节点内容恢复即可：
letbufferHtml=''
letbuffer=''
$('body').on('click','.box',function(e){
let_id=$(this).data('id');
if(bufferHtml){
buffer.innerHTML=bufferHtml
}
buffer=$(this)[0]
bufferHtml=buffer.innerHTML
$(`[data-id=${_id}]`).html("")
});