Отключить кнопку, если в классе присутствует указанное c содержимое

Question

Я работаю над сайтом Shopify. Я сделал с сайтом, но я застрял в точке. У меня есть страница корзины. На странице корзины отображаются разные товары с разными назначенными мне тегами. То, чего я пытаюсь достичь с помощью jquery, так это. Если на странице корзины отображается только содержимое «ПОДПИСКА», которое находится внутри этого класса = «productcarttag», кнопка извлечения должна включить его. Но если на странице моей корзины показывается содержание «ПОДПИСКА» и «ПОЛУЧИТЬ» или «ПОСТАВКА», кнопка извлечения должна быть отключена.

Answer 1

Вы можете сделать что-то в соответствии с тем, что ниже, с ванилью JavaScript (тот же код, но два разных фрагмента, чтобы показать 2 разных требования).

1. Только с "ПОДПИСКА", кнопка проверки включена.

let tag = document.getElementsByClassName("productcarttag")[0];
let button = document.getElementById("button");
if (tag.innerText.includes("SUBSCRIPTION")) {
  button.disabled = false;
  if (
    tag.innerText.includes("PICK UP") ||
    tag.innerText.includes("PICK DELIVERY")
  ) {
    button.disabled = true;
  }
}

<p class="productcarttag">
  "SUBSCRIPTION"
</p>
<button id="button">Checkout</button>

При использовании «ПОДПИСКА» и «ВЫБОР» или «ПОСТАВКА ВЫБОР» кнопка отключается.

let tag = document.getElementsByClassName("productcarttag")[0];
let button = document.getElementById("button");
if (tag.innerText.includes("SUBSCRIPTION")) {
  button.disabled = false;
  if (
    tag.innerText.includes("PICK UP") ||
    tag.innerText.includes("PICK DELIVERY")
  ) {
    button.disabled = true;
  }
}

<p class="productcarttag">
  "SUBSCRIPTION" and the content "PICK UP" or "DELIVERY"
</p>
<button id="button">Checkout</button>