jquery - 条件中的 jQuery height() 以某种方式发生冲突

Question

我的条件有问题，检查某个元素是否高于 29。这是我的代码：

jQuery('.somepath a span.lines').each(function() {
    var spanHeight = jQuery(this).height();
    alert(spanHeight);
    if(spanHeight > 29) {
        alert('test');  
    }
});

警报：22、22、22、22、44、测试（这样可以正常工作）

当我删除第一个 alert() 它不再工作了，所以 alert('test'); 不再执行：

jQuery('.somepath a span.lines').each(function() {
    var spanHeight = jQuery(this).height();
    if(spanHeight > 29) {
        alert('test');  
    }
});

我不明白这里出了什么问题。我尝试了很多东西，但我无法让它发挥作用。

有没有人看到或知道这个问题？parseInt() 也不是解决方案..

Answer 1

跨度 display: inline-block;它会起作用 -

演示

<span class="lines" style="height: 30px; display: inline-block;">asdf sd fsda</span>​

$('span.lines').each(function() {
    var spanHeight = $(this).height();
    if(spanHeight > 29) {
        alert('test');  
    }
});​