Как добавить класс к родительскому элементу, если значение дочернего элемента больше нуля?

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

Вам нужно получить текстовое содержимое диапазона, а не val().

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

Answer 2

Try This

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