方法:1、利用bind()方法給元素綁定點擊事件并指定一個事件處理函數(shù);2、在處理函數(shù)中用index()方法計算點擊元素的索引位置,語法為“$(元素對象).bind('click',function(){元素對象.index();})”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery判斷點擊的是元素中的第幾個
在jquery中,可以使用index()方法來獲得當(dāng)前點擊的是第幾個元素。下面舉例講解用jquery怎么知道我點擊的是第幾個li。
示例如下:
1、新建一個html文件,命名為test.html,用于講解用jquery怎么知道我點擊的是第幾個li。使用script標(biāo)簽加載jquery.min.js文件,成功加載該文件,才能使用jquery方法。使用ul標(biāo)簽,li標(biāo)簽創(chuàng)建一個列表,例如,創(chuàng)建三個項目列表。使用ready()方法在頁面加載完成時,執(zhí)行function方法。
2、在function方法內(nèi),通過獲得li對象,使用bind()方法給每一個li綁定click點擊事件,當(dāng)li被點擊時,通過index()方法獲得當(dāng)前l(fā)i標(biāo)簽的索引值,最后,使用alert()方法輸出索引值。
在瀏覽器打開test.html文件,點擊按鈕,查看結(jié)果。
總結(jié):
1、使用bind()方法給每一個li標(biāo)簽綁定click點擊事件。
2、通過index()方法獲得當(dāng)前點擊li標(biāo)簽的位置索引。
注意事項:
index()獲得的索引從0開始,因此上面的例子要進(jìn)行加1操作。
相關(guān)視頻教程推薦:jQuery視頻教程