在jquery中,可以利用index()方法來獲取指定的li是第幾個,該方法用于返回指定元素相對于其他指定元素的index位置,將獲取的index值加一就是指定元素的第幾個的值,語法為“l(fā)i元素對象.index()+1”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
jquery怎么獲取li是第幾個
在jquery中,可以使用index()方法來獲得當(dāng)前點擊的li標(biāo)簽位置。
新建一個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方法。
在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開始,因此上面的例子要進行加1操作。
相關(guān)視頻教程推薦:jQuery視頻教程