html代碼
香蕉
蘋果
菠蘿
獼猴桃
芒果
方法一:
var itemli = document.getElementsByTagName("li");
for(var i = 0; i
itemli[i].index = i; //給每個li定義一個屬性索引值，賦
itemli[i].onclick = function(){
alert("下標索引值為："+this.index+"\n"+"文本內容是："+this.innerHTML); ?? //? \n換行?? 索引值從0開始
}
}
方法二：（常用）
var itemli = document.getElementsByTagName("li");
for(var i = 0; i
(function(n){
itemli[i].onclick = function(){
alert("下標索引值為："+n+"\n"+"文本內容是："+itemli[n].innerHTML); ?? //? \n換行?? 索引值從0開始
}
})(i)
}
或者or：
for(var i = 0; i
itemli[i].onclick = function(n){
return function(){
alert("下標索引值為："+n+"\n"+"文本內容是："+itemli[n].innerHTML);??? //? \n換行?? 索引值從0開始
}
}(i)
}
方法三：jQuery（更簡單）
$("ul li").click(function(){
var item = $(this).index();? //獲取索引下標 也從0開始
var textword = $(this).text();? //文本內容
alert("下標索引值為：" + item +"\n"+ "文本內容是："+textword); //? \n換行
})
