如果子元素的值大於零，我如何向父元素添加類？

Question

我有產生下面的代碼購物車：

<a href="/cart/" class="et-cart-info"> 
    <span>1</span><!-- cart contents number --> 
</a> 

當用戶有一個項目，我想這個類.yipi加入.et-cart-info。當它是空的，並顯示<span>0</span>我想刪除類。

我嘗試下面的代碼，但無濟於事：

jQuery(function($){ 
    var amount = $(".et-cart-info span").val(); 
    if(amount >= '1') { 
     $(".et-cart-info").addClass('yipi'); 
    } 
}); 

謝謝！

Answer 1

您需要獲取span的文本內容，而不是val（）。

jQuery(function($){ 
    var amount = $(".et-cart-info span").text(); 
    if(amount >= '1') { 
    $(".et-cart-info").addClass('yipi'); 
    } 
}); 

Answer 2

嘗試這個

jQuery(function($){ 
     var amount = $(".et-cart-info span").html(); 
     if(Number(amount) >= 1) { 
      $("a.et-cart-info").addClass('yipi'); 
     } 
    });