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

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('click') 来强制他们使用“Review Configuration”按钮，这样它就会在检测到更改或其他任何内容时自动单击它。

它会是这样的：

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

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