如何使用 jQuery 计算 div 中的所有元素？

在本文中，我们将使用 jQuery 计算 div 元素内的所有元素。要计算 div 元素内的所有元素，我们使用 find() 方法和 length 属性。

find() 方法用于查找所选元素的所有后代元素。它将一直向下遍历到 DOM 树中所选元素的最后一片叶子。

句法：

$(selector).find()

这里的选择器是被选择的元素，所有的后代元素都将被找到。

length 属性用于计算 jQuery 对象的元素数量。

句法：

$(selector).length

注意：这里的selector是要计算长度的对象。

例子：

HTML

  

    
    
    
    
  
    
        $(document).ready(function () {
            $("button").click(function () {
                var count = $(".GFG").find("*").length;
                $("p").after("<h3>Totoal Div Elemennts: "
                    + count);
            });
        });
    

  

    
        GeeksforGeeks
    
  
    
        How to count all elements
        within a div using jQuery?
    
    
    
        
            GeeksforGeeks computer 
            science portal
        
  
        
    
    
    Click Here!

  

输出：

点击按钮前：

点击按钮后：