ev.currentTarget和ev.target

翻了一翻以前的代碼,發(fā)現(xiàn)一個地方寫得特別有趣。。

就是代碼寫得不簡潔,臃腫。

$('.j-cardcode').click(function (ev) {
           $('.yourchoice').addClass('hidden');
            if (ev.target.className == 'group-line') {
····
             } else if (ev.target.parentNode.className == 'group-line') {
···
                 }else if (ev.target.parentNode.parentNode.className == 'group-line') {
                                    
···
                  }
                               
})

就是用純粹的ev.target寫得。但是$('.j-cardcode')元素里面有子元素,孫元素。
需要一個一個去判斷ev.target到底是本身還是子元素,或是孫元素。
但是用上currentTarget就不一樣了

$('.j-cardcode').click(function(ev){
ev.currentTarget.lastChild.class='yourchoice'//修改某一個元素的class;
})

代碼行少多了。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容