div 오류의 jQuery 계산 범위

Question

왜 코드가 잘 작동하지만 내 실제 사이트에서는 작동하지 않지만 코드는 잘 작동합니다. 내 사이트에서 항상 0을 기록합니다.

var getSpans = []; 

$('#hero span').parent() 

.each(function(){ 
    getSpans.push({ 
    parent: this, 
    spanCount: $(this).children('span').length 
    }); 
}); 

console.log(getSpans.length); 

여기 내 codepen입니다 : http://codepen.io/Spiderian/pen/QwWweq

Answer 1

그리고 자바 스크립트를 싫어하는 이유입니다. doc 준비 함수로 래핑하면 모든 것이 수정되었습니다.

$(document).ready(function(){ 
var getSpans = []; 

$('#canvas #head #hero span').parent() 

.each(function(){ 
    getSpans.push({ 
    parent: this, 
    spanCount: $(this).children('span').length 
    }); 
}); 

console.log(getSpans.length); 
});