jQuery获取ul下li的个数的方法是什么？-群英

上一篇：jQuery获得与失去焦点事件的方法是什么？下一篇：用jQuery怎样实现心型点赞加一的效果？

这篇文章我们来了解用jQuery如何获取ul下li的个数，下文示例对新手学习jQuery有一定的参考价值，有这方面学习需要的朋友接下来就跟随小编来一起学习一下吧！

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

jquery获取有多少li的方法

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

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

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

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

总结：

1、使用ul标签创建一个项目列表，给ul标签添加一个class属性，用于获得ul对象。

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

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

以上就是关于jQuery获取ul下li的个数的方法及实现的介绍，需要的朋友可以参考了解看看，希望对大家学习jQuery有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。

文本转载自PHP中文网

标签： jquery获取ul下li的个数

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：jQuery获得与失去焦点事件的方法是什么？下一篇：用jQuery怎样实现心型点赞加一的效果？