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