JavaScript for循環(huán)元素取下標(biāo)問(wèn)題

在JS的開(kāi)發(fā)過(guò)程中,經(jīng)常會(huì)遇到這種問(wèn)題,我們想要的效果是鼠標(biāo)劃過(guò)哪個(gè)<li>就獲取哪個(gè)</li>的下標(biāo),可結(jié)果卻一直是“4”。



看似沒(méi)有問(wèn)題的代碼卻偏偏不按照自己的思維走,這樣的原因是onmouseover調(diào)用事件函數(shù)時(shí),i已經(jīng)在for循環(huán)里面循環(huán)完,已經(jīng)成為了4。下面列出三種解決方法:

、One


這種方法是最長(zhǎng)使用的方法,原理就是利用了JS的閉包。

、Two


此方法是用了一個(gè)自定義屬性,完美解決!

、Three


傳參,處理頁(yè)面多個(gè)事件時(shí)可是使用此方法!

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

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

  • 前言 歸根結(jié)底,代碼都是思想和概念的體現(xiàn)。沒(méi)人能把一種程序設(shè)計(jì)語(yǔ)言的所有語(yǔ)法和關(guān)鍵字都記住,可以查閱參考書(shū)來(lái)解決。...
    朱細(xì)細(xì)閱讀 3,138評(píng)論 4 14
  • 1.JQuery 基礎(chǔ) 改變web開(kāi)發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無(wú)需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,497評(píng)論 0 2
  • 1 趙六六覺(jué)得自己是個(gè)二傻子。二傻子趙六六在高二的時(shí)候暗戀上了理科五班的體委。 事情是這樣子的,那天讀文科的趙六六...
    找二呆的大呆閱讀 813評(píng)論 0 3
  • 1.過(guò)大年 今年過(guò)年,我在朋友圈曬的最多的就是美食,什么糖醋排骨,蒜蓉粉絲蝦,清蒸蝶魚(yú),蝦滑湯等高大上的菜品全部出...
    楊榆閱讀 548評(píng)論 0 1
  • 二戰(zhàn)中一個(gè)叫安妮的小女孩寫(xiě)的《安妮日記》,一些人躲在小房間里,沒(méi)想到自己青春時(shí)寫(xiě)的日記竟然保存了下來(lái),我看過(guò)看多次...
    大白杏仁閱讀 366評(píng)論 0 0

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