查找childrenparent元素

Question

如何查找在JavaScript中使用的子元素的最大數量？

<div> 
    <div> 
    <div> 
    <div></div> 
    </div> 
    </div> 
</div> 

<div> 
    <div> 
</div> 
</div> 

<div> 
    <div> 
    <div> 
     <div> 
     <div></div> 
     </div> 
    </div> 
    </div> 
</div> 

答最大元素：4

Answer 1

<div id = "a"> 
    <div> 
     <div> 
     <div> 
     <div></div> 
     </div> 
     </div> 
    </div> 

    <div> 
     <div> 
    </div> 
    </div> 

    <div> 
     <div> 
     <div> 
      <div> 
      <div></div> 
      </div> 
     </div> 
     </div> 
    </div> 
</div> 

<script type="text/javascript"> 

function getMaxChildrenCount(element) { 
    var Max = { value: 0, i: -1 }; 

    (function getMaxChildren(element, Max) { 
     var Childred = element.childNodes; 
     Max.i++; 
     for(var i = 0; i < Childred.length; i++) { 
      getMaxChildren(Childred[i], Max); 
     } 
     Max.i--; 
     if(Max.i > Max.value) Max.value = Max.i; 
    })(element, Max); 

    return Max.value; 
} 

console.log(getMaxChildrenCount(document.getElementById('a'))); 

</script> 

Answer 2

好可能會有所幫助：

<div class="bla"> 
     <div> 
     <div> 
     <div></div> 
     </div> 
     </div> 
    </div> 

    <div class="bla"> 
     <div> 
    </div> 
    </div> 

    <div class="bla"> 
     <div> 
     <div> 
      <div> 
      <div></div> 
      </div> 
     </div> 
     </div> 
    </div> 

$('.bla').each(function(){ 
var count = $(this).find('*').length; 
}) 

希望你能繼續）

UPD：

var elm = document.getElementsByClassName('bla'); 
for(var i = 0; i < elm.length; i++){ 
    var count = elm[i].getElementsByTagName('*').length; 
}