javascript - 如果在 span 中显示特定文本，则隐藏 div

Question

如果特定文本显示在跨度中，我试图隐藏一个 div。我正在使用 jquery，这是代码:

HTML

<div class=“deliveryUpsellText”>
<p>blabla</p>
</div>


<ul>
  <li class=“error-msg”>
   <ul>
    <li>
     <span> Coupon Code “blabla” is not valid
     </span>
    </li>
   </ul>
  </li>
</ul>


<button type="button" id="cartCoupon" title="Apply Coupon" class="button applycouponhide" onclick="discountForm.submit(false) ; " value="Apply Coupon"><span style="background:none;"><span style="background:none;">Apply</span></span></button>

jQuery

$j('#cartCoupon').click(function(){
if($j(".error-msg span:contains('blabla')")){
    $j('.deliveryUpsellText').css({"display":"none"});
}

});

它在点击时隐藏了 div，但忽略了 if 语句。因此，即使 span 中的文本是“cat”，它仍然会隐藏 div。任何人都可以发现我做错了什么吗？此外，由于 #cartCoupon 按钮具有 onclick 事件 dicountForm.submit(false);，deliveryUpsellText 在点击时被隐藏，但它未绑定(bind)到表单提交，因此它会再次显示提交表格后。有人知道我该如何解决这个问题吗？

Answer 1

jQuery 集合总是真实的(因为它是一个对象)。您需要检查它是否包含节点(选择的东西)。为此使用 length 属性:

if ($j(".error-msg span:contains('blabla')").length) {
    $j('.deliveryUpsellText').css({
        "display": "none"
    });
}