javascript - jQuery 如果一个陈述为真而另一个陈述不正确？

Question

现在我有一个 jQuery 脚本，它可以查看 .shipping 是否有一个带有 .sp-methods 类的后代，如果是的话，它将向下滚动到页面底部。

当前工作的 jQuery

if ($('.shipping .sp-methods').length > 0) {
        $('.shipping').show();
    $('html, body').animate({
        scrollTop: $(document).height() - $(window).height()
    },
    1400,
        "easeOutQuint");
}

尽管我想要的是脚本仅在以下情况下运行:如果这是 true 并且具有 ID #shopping-cart 的元素或其任何后代中不包含文本“shipping”。只是类似 Shipping 之类的内容中的文本，而不是作为类或其他内容的 Shipping。 contains 可以这样做吗？

我试过了，但没有成功

损坏的 jQuery

if ($('.shipping .sp-methods').length > 0 && ! $("#shopping-cart:contains('shipping')")) {
    $('.shipping').show();
    $('html, body').animate({
        scrollTop: $(document).height() - $(window).height()
    },
    1400,
        "easeOutQuint");
}

Answer 1

您应该使第二个条件遵循第一个条件的模式。因此，请尝试检查第二个的长度:

编辑:看起来您还错过了'shipping'的单引号，已插入它更新了答案。

if ($('.shipping .sp-methods').length > 0 && $("#shopping-cart:contains('shipping')").length <= 0) {
  $('.shipping').show();
  $('html, body').animate({
      scrollTop: $(document).height() - $(window).height()
  },
  1400,
      "easeOutQuint");
}