                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

aLi[i].index = i;。。。求破十萬火急

?aLi[i].index = i;

aDiv[this.index].className = "";

這兩句求破。。

http://www.xianlaiwan.cn/qadetail/63838

在這里提到第一句使用index是讓了個ali添加索引值，使其便于查找。

但ali本身不是一個數組嘛？自帶了數組下標呀，為啥需要index。

a746785570

2015-03-08

源自：JavaScript進階篇 10-1

關注問題我要回答

6443

操作

收起

3 回答

Lybon
2015-03-20

回復我只是我：因為頁面一旦加載完成就觸發onload事件,而onclick事件觸發之前,for(var i= 0,len = oLis.length;i<len;i++)這個循環已經運行完成了!oLis[i].onclick = function()這段代碼只是掛在那里(掛這個詞不怎么準確,意思放在那里,等待onclick事件觸發),這時候的i=3.在oLis[i].onclick = function()之前document.writeln(i)你會發現輸出012,說明循環已經完成.
oLis[i].index = i 的作用只是在循環的過程中綁定下標i(0 1 2)到oLis數組相應元素oLis[0] oLis[1] oLis[2]的index變量上(例如oLis[0].index = 0;oLis[1] =1;oLis[2]=2),
當onclick事件觸發的時候,this.className中的this就是當前鼠標所在的元素(例如家居), 同時oDivs[this.index]會獲取到家居所對應的oLis數組中的index值(這里是1,因為我們已經在完成的循環中將oLis[1]=1了),而如果換成oLis[i]則因為i永遠=3,所以oLis[i]===oLis[3],當然會出錯了!建議好好看一下JS的閉包原理和事件機制

12 回復有任何疑惑可以回復我~

收起回答

Lybon

oLis[1].index=1,oLis[2].index=2寫錯了

2015-03-20 回復有任何疑惑可以回復我~

狐貍君raphael

既然i = 3了，為什么還要aLi[i].index=i呢？這時候不是把aLi[i].index設成3了嗎？

2016-06-14 回復有任何疑惑可以回復我~

睡覺的眼鏡
2015-03-11

把i的值儲存到index中，在oDivs[this.index].className = "";這句中this.index的值是當前鼠標所在的元素，oLis[i].index = i;的意義是可以讓this.index獲取任意一個index值

3 回復有任何疑惑可以回復我~

收起回答

我只是我

不懂，為什么直接寫下標不成功？為什么不能夠直接這樣子寫： oLis[i].className="on"; oDivs[i].className = "";

2015-03-17 回復有任何疑惑可以回復我~

Lybon 回復我只是我

看一下樓下我的解釋吧,應該能懂的!

2015-03-20 回復有任何疑惑可以回復我~

Windcx 回復我只是我

CPT的回答我是懂了，他意思是說，js在onload加載的時候，for循環已經在運行完成了，等待的是鼠標點擊事件的出發，那么此時，i的值已經達到3了，如果沒有索引值，會出現只有i=3的錯誤，利用自定義的index，將每個點擊對應的下標存放在index，在點擊事件觸發的時候，準確定位到該index所在div，從而顯示出來，不過className這個是什么不清楚。

2015-04-23 回復有任何疑惑可以回復我~