javascript - 如果一个 div 有这两个类,隐藏包装器

标签 javascript jquery css

我有一个显示图片和星星的 wrapper 。 如果 image 和 star 都有一个名为“no”的类,我想隐藏包装器。它必须是两者,如果只有其中一个具有“否”类,则必须显示它。

<div id="wrapper">
<a href="#" class="image no" target="_blank"><img src="something.jpg"></a>
<a href="#" class="star no"><img src="star.png"></a>
</div>

像这样:

if ($(".image, .no") && $(".star, .no")) {
    document.getElementById("wrapper").style.display = "none";
}

最佳答案

.hasClass() 就是你要找的

if ($(".image").hasClass("no") && $(".star").hasClass("no")) {
 // TODO
}

更简单

if ($(".image,.star").is(".no")){
  // TODO 
}

关于javascript - 如果一个 div 有这两个类,隐藏包装器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46233617/

相关文章:

javascript - 隐藏 dom 上的所有内容,直到所有内容都加载完毕

css - Div 扩展到绝对定位内容的大小

javascript - 将 jQuery 选择器用于 css,转义特殊字符

javascript - 为什么这个 jquery 代码不起作用?

javascript - 使用 jQuery 的 "find"在 jQuery 文档片段中查找元素

javascript - 永久覆盖并保存 JavaScript 变量值

jquery - 使用 highcharts 在 Rails 3 上绘制图表

javascript - 如何获得具有绝对位置子元素的响应高度

javascript - 检测何时通过 JavaScript 加载了 Marketo 嵌入表单?

javascript - 我如何使用 javascript 更新房间 url 的时间计数器?