首頁猿問求高手，js后者jq如何實(shí)現(xiàn)點(diǎn)擊一...

求高手，js后者jq如何實(shí)現(xiàn)點(diǎn)擊一個div執(zhí)行一個事件，再點(diǎn)擊別的地方恢復(fù)原來的樣子！

JavaScript

四季花海 2019-03-28 21:34:05

我這里有個html列表，當(dāng)我點(diǎn)擊id="M1"時,里面的圖片.html("")替換一個框架，這個容易，很輕松就能實(shí)現(xiàn)。但是我想要是點(diǎn)擊第二個時第一個恢復(fù)原來的img標(biāo)簽，總之點(diǎn)擊別的div后原來的事件恢復(fù),是否能夠?qū)崿F(xiàn)，就像鼠標(biāo)經(jīng)過和鼠標(biāo)離開的那種，只是換為點(diǎn)擊，資深的老鐵給點(diǎn)思路！！$('body').on('click','.box',function(e){var_id=$(this).data('id');$("#"+_id).html("")});

查看完整描述

2 回答

尚方寶劍之說

TA貢獻(xiàn)1788條經(jīng)驗(yàn) 獲得超4個贊

首先加載時，用函數(shù)保存最初的狀態(tài)～點(diǎn)擊某一個，則他的siblings（）執(zhí)行恢復(fù)最初狀態(tài)

反對回復(fù) 2019-03-29

蕪湖不蕪

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超7個贊

加一個緩存，把之前點(diǎn)擊的那個節(jié)點(diǎn)保存下來，后續(xù)點(diǎn)擊時，判斷下，如果有緩存，則從緩存中將其節(jié)點(diǎn)內(nèi)容恢復(fù)即可：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("")});