根据另一个 Div 的 class 隐藏一个 Div

Question

试图隐藏一个 div 基于另一个 div

<script>

$(document).ready(function() {(

if($("p").hasClass('.out-of-stock')) {
$('#enquiry').hide();
}

});

</script>

但是它不工作它不隐藏

尝试在商品缺货时隐藏提交最佳报价按钮。

Answer 1

首先，去掉“.”在 .hasClass() 方法中。

其次：您是否尝试过用 .is('.out-of-stock') 代替 .hadClass('.out-of-stock)？

第三：你想让 DOM 上的 .hide() 操作运行准备好了吗？

您只需运行编写文档就绪而不是停下来。文档准备好后，脚本会检查您的 <p> 标签是否包含 class "out-of-stock"，此后，它再也不会查看它。

如果您希望 class 的检查始终为运行ning，您需要使用事件，所以 .trigger() 和 .on()。

Answer 2

<script>

jQuery(document).ready(function($) {

if($('#foamy').hasClass('out-of-stock')) {
$('#enquiry').hide();
}

});

</script>

给 p 一个 ID！

Hide a Div based on another Div's class