최소한의 자녀가있는 부모를 얻는 방법?

Question

두 개의 컨테이너가 서로 인접 해 있으며 그 안에 컨테이너가 있습니다.

<ul class="containers"> 
    <li>Matt</li> 
    <li>John</li> 
    <li>Mark</li> 
</ul> 
<ul class="containers"> 
    <li>Roger</li> 
    <li>Bill</li> 
    <li>Lara</li> 
    <li>Miriam</li> 
    <li>Dylan</li> 
    <li>Harry</li> 
</ul> 

은 내부에 적어도 아이들과 함께, 이해와 "용기"를 검색하기위한 가장 최적화 방법은 무엇입니까?

Answer 1

var $el = $('ul.containers:first'); 

$('ul.containers').each(function(){ 
    if($(this).children().length < $(this).next('ul.containers').children().length){ 
    $el = $(this); 
    } 
}); 

console.log($el); //$el is now the parent with the least children. 

경우, 또는 하나의 라인과는 약간 짧은 버전 : 불필요한 개폐를 방지하고,이 루프이 매우 훌륭하게 수행하여 반복한다

var $el = $('ul.containers:first'); 

$('ul.containers').each(function(){ 
    $el = $(this).children().length < $(this).next('ul.containers').children().length ? $(this) : $el ; 
}); 

console.log($el); //$el is now the parent with the least children. 

Answer 2

. 나는이 솔루션이 Moin Zaman의 코드보다 빠르다고 확신한다. 귀엽지는 않지만 최대 성능이 필요한지 여부에 달려 있습니다.

JSFiddle에

var containers = $('.containers'); 
var least_children = null; 
var smallest_container = null; 

for(var i = 0; i < containers.length; i++) 
{ 
    var container = containers[i]; 

    if(least_children === null) 
    { 
     least_children = container.childElementCount; 
     smallest_container = container; 
    } 
    else if(container.childElementCount < least_children) 
    { 
     least_children = container.childElementCount; 
     smallest_container = container; 
    } 
}; 

// smallest_container now contains the UL with the least children as a 
// HTMLElement 

: http://jsfiddle.net/BXnnL/3/