Question

我试图隐藏出现在导航中的购物车，直到至少添加了一个项目 - 然后它才可见。

这是我的HTML和jQuery代码，但它不起作用。任何帮助都会很棒！

<li class="wsite-menu-item-wrap wsite-nav-cart wsite-nav-5" id="" style="position: relative;">
    <a href="#" class="wsite-menu-item" id="wsite-nav-cart-a" style="position: relative;">Cart (<span id="wsite-nav-cart-num">0</span>)</a>
</li>

// Cart hidden until 1 item added

function checkCart() {
  var item = $('#wsite-nav-cart-num');
  if (item.length < 1) {
    $('#wsite-nav-cart-a').hide();
} else {
    $('#wsite-nav-cart-a').show();
}

Answer 1

我认为长度不符合你的想法，请检查https://api.jquery.com/length/。您应该使用text（）或html（）来获取span值，然后检查它。像这样：

if（parseInt（$（'＃wsite-nav-cart-num'）。text（））＆gt; 0）

Answer 2

我能够弄明白，这里是jQuery代码。再次感谢！

<script>
$(document).ready(function() {

   var x = $("span#wsite-nav-cart").text();

   if (x == 0){
     $("#wsite-nav-cart-a").hide();
    } else {
     $("#wsite-nav-cart-a").show();
   };    

});
</script>

如何隐藏购物车直到添加1个项目？

2 个答案: