jquery如何统计标签数量

 时间:2026-02-14 15:31:43

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>

  • 星际战甲中威洛斯图枪机哪获得。
  • 幻蝶仙灵视光器设计图在哪里获得?
  • 星际战甲战争能量枪怎么得?
  • 星际战甲怎么刷聚魂
  • 星际战甲平原任务中丽斯C4是哪个任务的奖励?
  • 热门搜索
    旅游路线 智慧旅游 国内旅游景点大全 黄山旅游攻略 恩施旅游景点 旅游资源分类 旅游签证 51旅游 越南旅游 全域旅游