如何使用 jQuery 计算子元素？

使用 jQuery 计算 HTML 文件中子元素的数量非常简单。例如：如果您有一个由许多子元素组成的父元素，那么您可以使用.length 或 .children().length 方法，如下所示。

句法：

var len=$("#parentID").length;

或者

var count = $("#parentId").children().length;

示例 1：

  

    
    
    Count child elements using Jquery
    
    

  

    
        Red
        White
        Green
        Black
        Blue
        Orange
    
      
    
    
  
    
               
        // Here we count the child element in parentID
        var count = $("#parentID p").length;
        document.writeln(count);
    

  

输出：

示例 2：

  

   
   
   Count child elements using  jQuery.
   
    

  

   
   
      1 child
      2 child
      3 child
      4 child
      5 child
    
    
    
         var count = $("#parentId ul").children().length;
         document.writeln(count);
    

  

输出：