我在显示/隐藏元素方面遇到了一些问题。我在一页上有 2 个弹出窗口,如果另一个弹出窗口有类,我需要隐藏一个弹出窗口。 例如:
<body class="home">
<div class="popup main"></div>
<div class="popup"></div>
</body>
因此,如果 body.home 有 .main,我只需要显示 .main 弹出窗口并隐藏或删除另一个 。弹出。
我试过了
if ($('.home').find('.main')) {
$('.home').find('.main').show();
$('.home').find('.popup').remove();
}
但它没有按我的需要工作,因为出于某种原因我将只有一个弹出 block 的代码
<body class="home">
<div class="popup"></div>
</body>
最佳答案
试试这个,
if($(".popup").hasClass('main')){
$(".popup").hide();
$(".main").show();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<body class="home">
<div class="popup main">main</div>
<div class="popup">another</div>
</body>
关于javascript - jQuery 仅在有类时显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32140653/