前端一般做電商或者統計數據的時候需要讓用戶可以直觀的看到有多少數據 , 這時候就需要有這種共計的功能了 , 廢話不多說 , 上源碼
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>jquery獲取一個div中有多少個子div</title> <!-- 引入在線jquery插件庫 --> <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> </head> <body> <div class="box"> <div>1</div> <div>1</div> <div>1</div> <div>1</div> </div> <div class="box1"> 共有<span></span>個div </div> <script type="text/javascript"> $(function(){ // 1、獲取box下的div的個數，放到number里（兩種方法） // （1） var number = $('.box div').length // （2） var number = $('.box div').size() // 2、將number顯示到span里 var number = $('.box div').length $('.box1 span').text(number) }) </script> </body> </html>