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

导读:如何使用JS/Jquery获取HTML代码中某个ID或class范围内指定元素的数量?下面IT备忘录小编就给大家以实例的形式分享jquery获取元素个数代码。 在jquery中,可以通过获得指定元素对象,使用

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

 

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

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

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

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

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

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

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

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

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

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

你也想0元试听小码王编程课程吗?
填写信息免费预约
免责申明:以上展示内容来源于合作媒体、企业机构、网友提供或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表小码王官方立场,请读者仅做参考。本文标题:js获取元素个数 jquery获取元素个数【图文实例】,本文链接:https://www.xiaomawang.cn/help/72164.html;欢迎转载,转载请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何涉及有违公德、触犯法律等违法信息,请您立即通过邮件(邮箱号: hzlixy@xiaoma.cn)联系我们及时修正或删除。
校区接待前厅
校区太空走廊
校区教室环境
校区多功能教室
小码王少儿编程体验课程免费预约