jQuery 判斷頁面是否存在某 class 元素：length 屬性最簡潔

核心代碼

if ($('.goods').length > 0) {
    // 存在至少一個 class="goods" 的元素
} else {
    // 不存在，購物車為空
    alert('購物車是空的');
}

原理

• $('.goods') 返回 jQuery 對象（類數組）。
• .length 為匹配到的元素個數，**0 表示不存在**。
• 無需 hasClass()（那是判斷**單個元素**是否擁有某 class）。

擴展：動態刪除後實時檢測

function checkCartEmpty() {
    if ($('.goods').length === 0) {
        $('#cart-empty-msg').show();
        $('#checkout-btn').prop('disabled', true);
    } else {
        $('#cart-empty-msg').hide();
        $('#checkout-btn').prop('disabled', false);
    }
}

// 刪除商品時調用
$('.delete-btn').click(function() {
    $(this).closest('.goods').remove();  // 或 fadeOut 後 remove
    checkCartEmpty();
});

總結

jQuery 判斷 class 存在性：**$('.className').length > 0**。配合動態增刪時的回調檢測，即可實現購物車空狀態提示。