Javascript 基于另一个div显示隐藏一个div

如果另一个div有一种显示样式：block，我希望根据它改变一个div的显示；使用类名作为标识符

5%最优惠价格保证我们将比任何价格低5%*
我们5%的最佳价格保证是我们承诺提供最低价格。如果你找到一个更便宜的价格，我们将比它便宜5%

适用于澳大利亚任何在线商店或澳大利亚境内实体店的任何较便宜价格
适用于竞争对手的最终价格，包括任何税费和交付费
*不包括Garmin，其他除外条款适用。

您可以使用JQuery，通过使用条件检查div是否可见

if($('.product.alert.stock').is(':visible')) {
  $('.shipping-benefits').hide()
}

以下是工作代码段：

$（文档）.ready（函数（）{
如果（$（'.product.alert.stock'）。是（':visible'））
{
$（'.shipping benefits'）.hide（）；
}
});
5%最优惠价格保证我们将比任何价格低5%*
我们5%的最佳价格保证是我们承诺提供最低价格。如果你找到一个更便宜的价格，我们将比它便宜5%

适用于澳大利亚任何在线商店或澳大利亚境内实体店的任何较便宜价格
适用于竞争对手的最终价格，包括任何税费和交付费
*不包括Garmin，其他除外条款适用。

使用一些简单的JavaScript：

if (document.querySelector(".product.alert.stock").style.display == "block") {
    document.querySelector(".shipping-benefits").style.display = "none";
}

---

在

setInterval

中调用此函数，它将起作用。

第一个div何时显示block？你想要做什么的条件是什么？使用基于库存的添加和删除类，并使用css

display:none

和

display:block

谢谢Sundhir这很好，我认为我遇到的问题不是在类和使用document.getElementsByClassName（“产品操作警报”）之间使用“.”。