Question

我试图弄清楚如何隐藏价格为0的车辆，以便客户看不到并选择它。我正在使用Divi wordpress主题。

<div class="chbs-vehicle-list">
                <ul class="chbs-list-reset"><li>
        <div class="chbs-vehicle chbs-clear-fix" data-id="46">

            <div class="chbs-vehicle-image" style="opacity: 1;"><img src="https://www.x.comr/wp/wp-content/uploads/05.png" alt=""></div>

            <div class="chbs-vehicle-content">

                <div class="chbs-vehicle-content-header"> 
                    <span>MINIBUS</span>
                    <a href="#" class="chbs-button chbs-button-style-2 ">
                        Select
                        <span class="chbs-meta-icon-tick"></span>
                    </a>
                </div>


            <div class="chbs-vehicle-content-price">
                <span>
                    <span><sup>€</sup>0<sup>.00</sup></span>
                </span>
            </div>

jQuery

<script>
jQuery(document).ready(function($) {
if($(".chbs-vehicle-content-price span:contains('0')")){
    $('[data-id="46"]').css({"display":"none"});
}
});
</script>

p.s。我是jQuery的初学者，所以如果我完全错了，我深表歉意。

Answer 1

您的代码存在一个问题，即您仅检查“ 0”，这意味着当价格为8.00欧元时，由于存在0，因此它仍会隐藏汽车。

一种检查价格是否低于0.00欧元的方法：

if($(".chbs-vehicle-content-price span:contains('€0.00')").length){
    $('[data-id="46"]').hide();
}

如果在跨度中显示特定文本（价格0），则隐藏元素

1 个答案: