使用切换隐藏div

时间:2019-02-17 22:46:17

标签: javascript jquery html

我的代码有些麻烦,如果每个产品都有一个div,我想隐藏div。我使用.length来检测div是否存在。

有两个div:

细分1:要购买的产品
第2分部:产品销售

今天,显示了两个div,如果产品中存在div 2,我想div隐藏div 1。

在这种情况下是可行的,但是如果仅检查产品以“购买”,则div是隐藏的。.

$(document).ready(function () {
  $('.item-wrap').each(function () {
      if($('span.label-status-82').length){  // return's true if element is present
         // show or hide another div
         $("span.label-status.label-status-69.label.label-default").hide();
      }
      else {
         $("span.label-status.label-status-69.label.label-default").show(); 
      }
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="figure-block">
  <figure class="item-thumb">


    <div class="label-wrap label-right">
      <span class="label-status label-status-69 label label-default"><a href="">ACHETER</a></span><span class="label-status label-status-82 label label-default"><a href="#">VENDU</a></span> </div>
    </a>
    <div class="item-price-block hide-on-list">
      <span class="item-price item-price-text"></span> </div>

  </figure>
</div>

我尝试使用此代码

$('.label-wrap.label-right').each(function(index, domEle){ 
    if($("span.label-status").hasClass("label-status-82")) { 
         console.log('test'); 
         $("span.label-status.label-status-69.label.label-default").hide();
    } 
    else if ($(".label-wrap.label-right span.label-status").hasClass("label-status-69")) { 
         console.log('test2'); $("span.label-status.label-status-69.label.label-default").show();
    } 
});

它只是为if而工作,它在:'(。Thx

0 个答案:

没有答案