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);

另一个选项，因此他们将被迫使用“ Review Configuration”按钮，方法是使用.trigger（'click'），以便它在检测到更改或任何更改时自动单击它。

会是这样的：

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

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

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

1 个答案: