for(var i= 0,len = xli.length;i<len;i++){

? ?xli[i].onclick=function(){

? ? ? ?for(var n= 0;n<len;n++){

? ? ? ? ? ?xli[n].className = "";

? ? ? ? ? ?xDivs[n].className = "cont";

? ? ? ?}

? ? ? ?xli[i].className = "on";

? ? ? ?xDivs[i].className="";

? ?}

}這是你想改成的代碼吧

先說一下for循環(huán)的時候做了什么吧，給每一個li綁定了一個onclick事件，然后for循環(huán)就結(jié)束了

，到這里一切都正常

問題出在onclick觸發(fā)時，

xli[i].className = "on";

xDivs[i].className="";

執(zhí)行上述2個語句，i是多少，由于本身onclick事件綁定的匿名函數(shù)里沒有i的相關(guān)定義，按照作

用域鏈，向上一級查找i，這時在for循環(huán)里找到i的定義，此時i是多少呢，由于for循環(huán)早就跑完

了，onclick事件也早綁完了，所以i是len-1，到此，就錯誤了。

那么提問那種方法為什么沒錯，因為把i作為參數(shù)，在傳參的過程中給保存了，每一個li對應(yīng)的i

值都被保存了，保存在函數(shù)xxx的參數(shù)i里，防止2個i你分不清楚，我給改寫一下你看的明白。

function xxx(obj){//參數(shù)obj保存了當(dāng)時i的值

xli[i].onclick=function(){//綁定事件時，i向上從for循環(huán)里取當(dāng)時的i值

for(var n= 0;n<len;n++){

? ? ? ? ? ? ? ? ? ? ? ? ?xli[n].className = "";

? ? ? ? ? ? ? ? ? ? ? ? ?xDivs[n].className = "cont";

}

xli[obj].className = "on";//觸發(fā)事件后，找obj的值，向上一級查找，找到參數(shù)obj，值為當(dāng)時i的

值

xDivs[obj].className="";

}?

? ?}

到此，就是說，想要不出現(xiàn)i值錯誤，就要保存一下i值，上面那種作為參數(shù)保存是一種，標(biāo)準(zhǔn)答

案提供的是另一種

for(var i= 0,len = xli.length;i<len;i++){

? ?xli[i].obj=i;//給li自定義了一個obj屬性，保存當(dāng)時的i值，每一個li都有一個obj屬性，來

保存對應(yīng)的i值

? xli[i].onclick=function(){

? ? ? ?for(var n= 0;n<len;n++){

? ? ? ? ? ?xli[n].className = "";

? ? ? ? ? xDivs[n].className = "cont";

? ? ? }

? ? ? ?this.className = "on";//this為觸發(fā)onclick的li

? ? ? ?xDivs[this.obj].className="";//this.obj值為觸發(fā)onclick的li當(dāng)時的i值

? }

}

還有很多種方法，比如i值保存在函數(shù)屬性里，比如i值保存在一個局部變量里，重點都在于把每

個li對應(yīng)的i值給保存住，js有一個重要知識點叫做閉包，也可以用來保存i值，這里不做多講，

可以自己查詢了解一下。