jquery怎样获取有几个指定元素（数量）

124 阅读 0 评论 82 点赞

我是靠谱客的博主背后路人，最近开发中收集的这篇文章主要介绍jquery怎样获取有几个指定元素（数量），觉得挺不错的，现在分享给大家，希望可以做个参考。

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

jquery怎样获取元素的数量

在jquery中，可以通过获得指定元素对象，使用length属性取得指定元素的数量。下面举例讲解jquery如何获取元素数量。

1、新建一个html文件，命名为test.html，用于讲解jquery如何获取元素数量。使用div标签创建一个模块，在div内，使用h3标签创建多行文字。设置div的id属性值为mydiv，用于下面通过该id获得div对象。

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

1124.26.png

2、在getEleNum()函数内，通过id和元素名称(h3)获得h3元素对象，使用length属性获得h3元素的个数，保存在num变量中，并使用alert()方法输出结果。

1124.27.png

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

1124.28.png

总结：

1、使用div标签创建一个模块，在div内，使用h3标签创建多行文字，设置div的id属性值为mydiv。

2、在js中，通过id和元素名称(h3)获得h3元素对象，使用length属性获得h3元素的个数。

注意事项：

length属性是对象的属性。

相关视频教程推荐：jQuery视频教程

以上就是jquery怎样获取有几个指定元素（数量）的详细内容，更多请关注靠谱客其它相关文章！

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。