我的代码有些麻烦,如果每个产品都有一个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