javascript - jQuery 仅在有类时显示 div

标签 javascript jquery html css

我在显示/隐藏元素方面遇到了一些问题。我在一页上有 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/

相关文章:

javascript - 如何在 Javascript 类中声明只读静态属性?

javascript - 在js中将json解析为.csv

javascript - jquery地理定位和 map 高亮

html - 构建大型基于 html 的元素的最佳实践

javascript - 使用 Mocha 进行 Javascript 测试时 assert.equal 和 assert.deepEqual 之间的区别?

javascript - 如何使html表格的tbody垂直滚动

html - 如何根据不同的屏幕宽度缩放我的网站

html - 缩小视口(viewport)时响应图像不填充 DIV

javascript - JSON 按值获取项目

javascript - 在文本框 KeyDown 事件上设置 jQuery 自动完成