我这里有个html列表，当我点击id="M1"时,里面的图片.html("<iframe>")替换一个框架，这个容易，很轻松就能实现。但是我想要是点击第二个时第一个恢复原来的img标签，总之点击别的div后原来的事件恢复,是否能够实现，就像鼠标经过和鼠标离开的那种，只是换为点击，资深的老铁给点思路！！<pre>$('body').on('click','.box',function(e){<pre>var_id=$(this).data('id');<pre>$("#"+_id).html("<iframe><iframe>")<pre>});<pre><pre><divdata-id=="M1"class="box"><mip-imgsrc="01.jpg"alt=""></div><pre><divdata-id=="M2"class="box"><imgsrc="02.jpg"alt=""></div><pre><divdata-id=="M3"class="box"><imgsrc="03.jpg"alt=""></div><pre><divdata-id=="M4"class="box"><imgsrc="04.jpg"alt=""></div><pre><divdata-id=="M5"class="box"><imgsrc="05.jpg"alt=""></div><pre><pre><pre></div> <div class="info clearfix"> <div class="l"><mip-img class="avator" src="//img1.sycdn.imooc.com/5333a01a0001ee5302000200-100-100.jpg"></mip-img>浮云间</div> <div class="r"><span>浏览 485</span><span>回答 2</span></div> </div> </section> <div id="wap_mip_wenda_detail" style="overflow:hidden;line-height:0;margin-bottom:.66rem; max-height:26.6666666rem"> </div> <section> <h5>2回答</h5> <dl class="answer-list js-answer-list"> <dd id="484514"> <mip-img src="//img1.sycdn.imooc.com/545845d30001ee8a02200220-100-100.jpg" class="avator"></mip-img> <p class="name">青春有我</p> <div class="content">首先加载时，用函数保存最初的状态～点击某一个，则他的siblings（）执行恢复最初状态</div> <div class="action clearfix"> <div class="l"> <div data-flag="support" class="like js-is-support js-support "><i class="imwap-thumb_up"></i><span class="js-support-num">0</span></div> <div data-flag="unsupport" class="like js-is-support js-unsupport "><i class="imwap-thumb_down"></i><span class="js-support-num">0</span></div> </div> <div class="r"><a href="https://m.imooc.com/account/login">0<i class="imwap-comment"></i></a></div> </div> </dd> <dd id="484515"> <mip-img src="//img1.sycdn.imooc.com/545861f00001be3402200220-100-100.jpg" class="avator"></mip-img> <p class="name">阿晨1998</p> <div class="content">加一个缓存，把之前点击的那个节点保存下来，后续点击时，判断下，如果有缓存，则从缓存中将其节点内容恢复即可：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("")});</div> <div class="action clearfix"> <div class="l"> <div data-flag="support" class="like js-is-support js-support "><i class="imwap-thumb_up"></i><span class="js-support-num">0</span></div> <div data-flag="unsupport" class="like js-is-support js-unsupport "><i class="imwap-thumb_down"></i><span class="js-support-num">0</span></div> </div> <div class="r"><a href="https://m.imooc.com/account/login">0<i class="imwap-comment"></i></a></div> </div> </dd> </dl> </section> <div class="app-box shadow"> <mip-img src="/static/wap/static/common/img/logo-small@2x.png" class="logo"></mip-img>随时随地看视频<a id="js-appload" href="" data-url="" class="r">慕课网APP</a> </div> <div class="relate-box"> <p class="tit">相关分类</p> <dl class="ques-list"> <dt class="clearfix"> <a href="/wenda/17" target="_blank"> <mip-img class="left-img" src="//img1.sycdn.imooc.com/59e96f340001faac02400240.jpg"></mip-img> JavaScript </a> </dt> </dl> </div> <mip-fixed type="bottom"> <section class="go-action"> <a href="https://m.imooc.com/account/login"><i class="imwap-edit"></i>我要回答</a> </section> </mip-fixed> </div> <mip-stats-baidu token="c92536284537e1806a07ef3e6873f2b3"></mip-stats-baidu> <script src="https://c.mipcdn.com/static/v1/mip.js" ></script> <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script> <script src="https://c.mipcdn.com/extensions/platform/v1/mip-cambrian/mip-cambrian.js"></script> </div> </div> <script>cambrian.render('head')</script> <script type="text/javascript" src="/static/wap/static/common/js/jquery-2.1.0.min_ac9f840.js"></script><script type="text/javascript" src="/static/wap/static/js/course/advertisementReport_6e58a98.js"></script></body> </html>