Question

如果值=== 0

，我想隐藏此范围

<span class="amount">0</span>

然后我制作mini-cart-remove.js并添加到标题。

这是我的代码：

 (function($) {

    $(document).ready(function() {

    if ($('.amount') === 0 ) {
        $('.amount').hide();
    }

    });
})(jQuery);

但无法隐藏跨度。

我做错了什么？

Answer 1

您必须获取范围中的文本，然后将其与0进行比较，为此您可以使用.text（）

if ($.trim($('.amount').text()) === '0' ) {
    $('.amount').hide();
}

如果你想要多个跨度，你必须循环它们以隐藏它们

＆＃13;

(function($) {

    $(document).ready(function() {
      $('.amount').each(function(){
        if ($(this).text() === '0' ) {
            $(this).hide();
        }
      });
    });
})(jQuery);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<span class="amount">0</span>
<span class="amount">1</span>
<span class="amount">2</span>
<span class="amount">3</span>
<span class="amount">4</span>

＆＃13;

Answer 2

我面对它之前因为我在我的课堂上设置了display：block 所以，现在我从未在课堂上设置任何显示属性只需使用show（）或hide（）来显示或不显示元素我面对之前因为我设置了显示：我班上的块所以，现在我从未在课堂上设置任何显示属性只需使用show（）或hide（）来显示或不显示元素

也许你设置display：block;你的.amount课程？

如果使用jQuery条件，则隐藏span

2 个答案: