jquery如何获取有多少li

本篇内容主要讲解“jquery如何获取有多少li”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何获取有多少li”吧!

创新互联-专业网站定制、快速模板网站建设、高性价比吉安网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式吉安网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖吉安地区。费用合理售后完善,十年实体公司更值得信赖。

jquery获取有多少li的方法:1、使用“$('li')”语句获取li对象;2、利用length属性计算获取到的li对象的长度,即可获取文档中li元素的数目,语法为“li对象.length;”。

jquery如何获取有多少li

本教程操作环境:windows7系统、jquery1.10.0版本、Dell G3电脑。

jquery获取有多少li的方法

1、新建一个html文件,命名为test.html,用于讲解jquery如何获取ul下li的数量。使用ul标签创建一个项目列表,用于测试。给ul标签添加一个class属性,用于获得ul对象。

使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行getLength()函数。

jquery如何获取有多少li

2、创建getLength()函数,在函数内,通过class获得li对象,使用length属性取得li的个数,使用alert()方法将获得的个数输出。

jquery如何获取有多少li

在浏览器打开test.html文件,点击按钮,查看结果。

jquery如何获取有多少li

到此,相信大家对“jquery如何获取有多少li”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!


分享文章:jquery如何获取有多少li
文章出自:http://pwwzsj.com/article/gcghdp.html