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