隐藏 Div 如果其他 Div 中有 HTML "hidden" 属性

Question

我对Jquery、JavaScript、Html 真的很陌生

在我们的WordPress商店中，有一条警告消息，只有当用户低于他的设置时才会出现；订单最小总额"；。

我查看了源代码，发现当消息在页面上不可见时；wcc验证"；具有"；隐藏的"；添加到其类中。

这是代码<div class="wcc-validation hidden" id="wcc-validation">的副本

我们需要的是将我们的SideCart按钮设置为"；display:none"；，每当wcc验证消息出现在屏幕上(不具有"隐藏"的Class属性(时

每当wcc验证消息消失并得到类属性"时；隐藏的"-使SideCart按钮出现在屏幕上。(显示：块？(

我研究了一点，意识到这是CSS无法做到的，我不介意添加JS/Jquery片段来使其工作，但我不知道如何发现具有"；隐藏的"；类属性，并从中应用sidecart按钮上的显示/隐藏。

非常感谢。

adam

Answer 1

如果类"隐藏"可用于"wcc验证"，则可以检查该类，如以下片段：

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

if($('#wcc-validation').hasClass('hidden')){
$('.to_hide').hide();
}

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wcc-validation hidden" id="wcc-validation">
<div class="to_hide">to hide based on hidden class</div>

Answer 2

您可以像这样检查值。

function checkValue(){
let ele = document.getElementById('wcc-validation')
if (ele.value) {
do what you want. change css, style etc 
}
}