Проверка, содержит ли элемент определенный текст при загрузке и при изменении

Question

У меня есть элемент, который я не знаю, управляется ли он базой данных или jquery, содержимое этого элемента изменяется динамически . Если содержимое этого элемента является «Просмотр конфигурации», я хотел бы показать окно предупреждения. Вот что у меня есть:

jQuery(function ($) {
  if ($('a.page_button:contains("Review Configuration")').length > 0) {
    $(".page_button").addClass("thisClass");
  } 
});

Страница, на которой я пытаюсь заставить это работать: https://www.bagnboxman.co.uk/product/clear-oval-boxes

причина этого в том, что при добавлении компонентов этого продукта в вашу корзину - у меня есть клиенты, которые не видят, что им приходится нажимать кнопку «Просмотр конфигурации», а затем им приходится нажимать «добавить». в корзину ". Мне нужно сделать это ослепительно очевидным, чтобы больше не терять продажи.

Answer 1

Возможно, вы захотите взглянуть на этот аккуратный плагин, который поможет, или вы можете использовать функцию setinterval () для проверки каждые # миллисекунд.

Проверьте это: Постоянно проверяет наличие конкретного элемента для изменения, а затем применяет ваш код, если он соответствует требованиям

В противном случае вы можете использовать setInterval () следующим образом:

setInterval(function(){ 
  if ($('a.page_button:contains("Review Configuration")').length > 0) {
    $(".page_button").addClass("thisClass");
  }
},1000);

Другой вариант, при котором они будут вынуждены использовать кнопку «Просмотр конфигурации», - это использование .trigger («щелчок»), поэтому он будет автоматически щелкать по нему, когда обнаружит изменение или что-то еще.

Было бы что-то вроде этого:

$('a.page_button:contains("Review Configuration")').trigger('click');

Вы также можете включить alert("Please Click Review Configuration to add to Cart!");, когда скрипт обнаружит элементы или что-то еще.