jQuery计数跨越div错误

Question

我不确定为什么，但我的代码在codepen中工作正常，但在我的实际网站上却没有。在我的网站上，它始终记录0。

var getSpans = [];

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

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

console.log(getSpans.length);

这是我的代码：http://codepen.io/Spiderian/pen/QwWweq

Answer 1

这就是我讨厌Javascript的原因。将它包装在doc ready函数中修复了所有内容。

$(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);
});