如何选择必须具有多个CSS类的元素？

Question

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

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

一类描述了项目（ 笔记本电脑 ），另一类（ general_description，图像，specs ）描述了页面需要呈现的状态以显示关于该项目的三种信息之一。

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

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

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

Answer 1

$（ “specs.laptop”）显示（）。

要么

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

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

Answer 2

IIRC，它是：

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

Answer 3

消除类名之间的空格。

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

参考： jQuery