如何选择必须具有多个 css 类的元素？答案

【问题标题】：How to select an element that must have more than one css class?如何选择必须具有多个 css 类的元素？
【发布时间】：2009-07-18 00:12:42
【问题描述】：

我有一个始终有两个类的元素：

<p class="general_description laptop">
<p class="images laptop">
<p class="specs laptop">

一个类描述项目（laptop），另一个（general_description、images、specs）描述页面需要处于的状态以呈现三者之一项目的信息类型。

如果我的选择器中的两个类都存在，我如何才能显示或隐藏 <p> 元素？

例如，如果我只想显示与specs 和laptop 类对应的<p> 元素，我尝试过这样做，但它不起作用：

$(".specs .laptop").show();

【问题讨论】：

【解决方案1】：

$(".specs.laptop").show();

或

你可以在 jquery 中使用is() 函数。它需要一个选择器并告诉你元素是否符合它：

$(".specs").is(".laptop"); //returns true if the element has the laptop class

【讨论】：

【解决方案2】：

IIRC，它是：

$(".specs").filter(".laptop").show()

【讨论】：

【解决方案3】：

去掉类名之间的空格。

$(".specs.laptop").show();

参考：jQuery

【讨论】：