jquery如何统计标签数量

来源：互联网 2023-03-16 23:53:53 340

Jquery是一个很强大的JavaScript库，在前端页面开发中都离不开Jquery。Jquery封装了一个size()，这个方法可以用来统计标签的数量。

使用代码：

$("div").size();

下面同过一个案例来看一下size()如何统计div标签的数量

jquery如何统计标签数量

方法/步骤

新建一个html文件。如图

jquery如何统计标签数量

在html文件上创建一个点击按钮、3个div标签。如图：

代码：

input type="button" onclick="totalNum()" value="统计标签" />div>1111111111111111111/div>div>2222222222/div>div>3333333333/div>

jquery如何统计标签数量

计算div标签的数量。

1.引入jquery库；

2.使用size()方法统计div>标签的数量；

统计代码：

function totalNum(){var num = $("div").size();alert("div的标签数量为：" num);}

jquery如何统计标签数量

保存html文件后使用浏览器打开，点击统计按钮，即可在弹出框上看到div>的数量为：3。

jquery如何统计标签数量

由于百度经验无法引入jquery库，直接复制粘贴所有代码后需要自己引入jquery库，保存后运行即可看到效果

所有代码：

!DOCTYPE html>html>head>meta charset="UTF-8">title>size统计标签数量/title>script>function totalNum(){var num = $("div").size();alert("div的标签数量为：" num);}/script>/head>body>input type="button" onclick="totalNum()" value="统计标签" />div>1111111111111111111/div>div>2222222222/div>div>3333333333/div>/body>/html>

5相关内容未经授权抓取自百度经验

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY

上一篇：json的初始化赋值格式下一篇：jquery中的 data()函数方法的详解使用

jquery如何统计标签数量

方法/步骤

热门文章

标签列表