如果子元素的值大于零，如何将 class 添加到父元素？

Question

我有一个生成以下代码的购物车：

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

当用户有一个项目时，我想将 class .yipi 添加到 .et-cart-info。当它为空并显示 <span>0</span> 时，我希望删除 class。

我尝试了以下代码但无济于事：

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');
      }
    });

如果子元素的值大于零，如何将 class 添加到父元素？

How can I add a class to a parent element if the child element's value is greater than zero?

jquery

parent-child

addclass