javascript - 检查元素是否包含加载和更改时的特定文本

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() 函数来检查每 # 毫秒。

看看这个: Constantly checks for a specific element to change then applies your code if it meets the requirements

否则你可以像这样使用 setInterval():

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

另一个让他们被迫使用“查看配置”按钮的选项是使用 .trigger('click') ，这样它会在检测到更改或其他任何内容时自动单击它。

应该是这样的:

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

您还可以包含 alert("Please Click Review Configuration to add to Cart!"); 当脚本检测到项目或其他内容时。