jquery獲取有多少li的方法:1、使用“$('li')”語(yǔ)句獲取li對(duì)象;2、利用length屬性計(jì)算獲取到的li對(duì)象的長(zhǎng)度,即可獲取文檔中l(wèi)i元素的數(shù)目,語(yǔ)法為“l(fā)i對(duì)象.length;”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。
jquery獲取有多少li的方法
1、新建一個(gè)html文件,命名為test.html,用于講解jquery如何獲取ul下li的數(shù)量。使用ul標(biāo)簽創(chuàng)建一個(gè)項(xiàng)目列表,用于測(cè)試。給ul標(biāo)簽添加一個(gè)class屬性,用于獲得ul對(duì)象。
使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,給button綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行g(shù)etLength()函數(shù)。
2、創(chuàng)建getLength()函數(shù),在函數(shù)內(nèi),通過(guò)class獲得li對(duì)象,使用length屬性取得li的個(gè)數(shù),使用alert()方法將獲得的個(gè)數(shù)輸出。
在瀏覽器打開(kāi)test.html文件,點(diǎn)擊按鈕,查看結(jié)果。
總結(jié):
1、使用ul標(biāo)簽創(chuàng)建一個(gè)項(xiàng)目列表,給ul標(biāo)簽添加一個(gè)class屬性,用于獲得ul對(duì)象。
2、使用button標(biāo)簽創(chuàng)建一個(gè)按鈕,給button綁定onclick點(diǎn)擊事件,當(dāng)按鈕被點(diǎn)擊時(shí),執(zhí)行g(shù)etLength()函數(shù)。
3、在js標(biāo)簽內(nèi),創(chuàng)建getLength()函數(shù),在函數(shù)內(nèi),通過(guò)class獲得li對(duì)象,使用length屬性取得li的個(gè)數(shù),使用alert()方法將獲得的個(gè)數(shù)輸出。