js获取元素个数 jquery获取元素个数【图文实例】

如何使用JS/Jquery获取HTML代码中某个ID或class范围内指定元素的数量？下面IT备忘录小编就给大家以实例的形式分享jquery获取元素个数代码。

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

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

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

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

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

以上jquery获取元素个数长度的方法可以运用在很多场景，大家可以根据自己的需求进行二次改造，以便适用于自己的要求。

相关内容标签