测试元素是否存在

Question

我想测试是否存在具有特定类名的元素 这是我的代码：

<div class="album-tracks">
    <div class="track">
        <div class="play-status">
            <span class="add-to-list">
                <i class="fa fa-play" aria-hidden="true"></i>
            </span>
        </div
        ><div class="track-num">1</div
        ><div class="track-name">A Head Full Of Dreams</div
        ><div class="track-time">03:44</div
        ><div class="track-artist">Coldplay</div>
            <!-- <div class="track-album"></div> -->
    </div>
</div>

JS

$('.track').dblclick(function() {
    var $prev;
    $prev = $(this).parent('div').find('.status-active');
    if ($prev != null) {
        //This will always be true
    }
}

下图是控制台的屏幕截图

我对对象的图层感到困惑。这意味着即使我没有得到我想要的类的对象，我仍然得到带有父元素的对象。所以对象不是null，结果总是为真？

我发现修复错误的解决方案是我需要使用length属性。

if($prev.length){
    //This works!
}

只是想澄清一下这个想法，我什么时候可以使用null值测试结果？如果你给我一些建议，我将不胜感激!!