jquery如何统计标签数量

2025-10-23 01:00:36

1、新建一个html文件。如图

jquery如何统计标签数量

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

代码:

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

jquery如何统计标签数量

3、计算div标签的数量。

1.引入jquery库;

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

统计代码:

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

jquery如何统计标签数量

jquery如何统计标签数量

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

jquery如何统计标签数量

5、由于百度经验无法引入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>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢