我想选择具有两个类a和b的所有元素。
<element class="a b">
因此,只有同时具有这两个类的元素。
当我使用$(“.a,.b”)时,它给了我并集,但我想要交集。
我想选择具有两个类a和b的所有元素。
<element class="a b">
因此,只有同时具有这两个类的元素。
当我使用$(“.a,.b”)时,它给了我并集,但我想要交集。
当前回答
组选择器
body {font-size: 12px; }
body {font-family: arial, helvetica, sans-serif;}
th {font-size: 12px; font-family: arial, helvetica, sans-serif;}
td {font-size: 12px; font-family: arial, helvetica, sans-serif;}
变成这样:
body, th, td {font-size: 12px; font-family: arial, helvetica, sans-serif;}
因此,在您的案例中,您尝试了组选择器,而它是一个交叉点
$(".a, .b")
而是使用这个
$(".a.b")
其他回答
这不需要jQuery
在Vanilla,您可以做到:
document.querySelectorAll('.a.b')
组选择器
body {font-size: 12px; }
body {font-family: arial, helvetica, sans-serif;}
th {font-size: 12px; font-family: arial, helvetica, sans-serif;}
td {font-size: 12px; font-family: arial, helvetica, sans-serif;}
变成这样:
body, th, td {font-size: 12px; font-family: arial, helvetica, sans-serif;}
因此,在您的案例中,您尝试了组选择器,而它是一个交叉点
$(".a, .b")
而是使用这个
$(".a.b")
为了获得更好的性能,您可以使用
$('div.a.b')
这将只查看div元素,而不是单步查看页面上的所有html元素。
对于本案
<element class="a">
<element class="b c">
</element>
</element>
你需要在.a和.b.c之间加一个空格
$('.a .b.c')
代码$(“.a,.b”)将同时适用于以下多个元素
<element class="a">
<element class="b">
如果您想选择同时具有a和b类的元素,如<element class=“a b”>,请使用不带逗号的js
$('.a.b')