Question

我知道这个问题之前已经问过，我也尝试了答案，它几乎对我有用但是有一个问题我能够排序我尝试了很多方法，但都是徒劳的。这是我要隐藏的div

    <div class="price-box" itemprop="offers" itemscope="" itemtype="http://schema.org/Offer">

       <p class="price"><span class="special-price" style="display: none;">
        <span class="amount">$43.50</span>
        </span>
       </p>
    </div>

当这个div不为空时

<div class="single_variation"><span class="price"><span class="amount">$43.50</span></span></div>

这是我实施的

  jQuery(document).ready(function() {

    if( jQuery('.single_variation').is(':empty') ){
        alert('hi');
        jQuery('.price-box').show();
    }

  });

以及

if($('.price').length) {
    $('.price-box').hide();
}

Answer 1

:empty选择没有孩子的元素。

您需要检查的是“:visible”：

 $(document).ready(function() {

    if($('.single_variation').is(':visible') ){
      alert('hi');
      $('.special-price').hide();
    }

});

我也用hide替换了show。

编辑：这是什么？

if($('.category').length){
  $('.filter').hide();
}

您的示例中没有类别或过滤器类。在你的问题中没用！

如果其他类可见，JQuery会隐藏Class

1 个答案: