我想选择具有两个类a和b的所有元素。
<element class="a b">
因此,只有同时具有这两个类的元素。
当我使用$(“.a,.b”)时,它给了我并集,但我想要交集。
我想选择具有两个类a和b的所有元素。
<element class="a b">
因此,只有同时具有这两个类的元素。
当我使用$(“.a,.b”)时,它给了我并集,但我想要交集。
当前回答
Vanilla JavaScript解决方案:-
document.querySelectorAll('.a.b')
其他回答
如果您希望只匹配两个类的元素(交集,如逻辑AND),只需将选择器写在一起,其间不留空格:
$('.a.b')
顺序不相关,因此您也可以交换类:
$('.b.a')
因此,要将ID为a的div元素与类b和c相匹配,您可以编写:
$('div#a.b.c')
(在实践中,您很可能不需要获得特定的ID,而ID或类选择器本身通常就足够了:$(“#a”)。)
对于本案
<element class="a">
<element class="b c">
</element>
</element>
你需要在.a和.b.c之间加一个空格
$('.a .b.c')
可以使用filter()函数执行此操作:
$(".a").filter(".b")
下面的示例将向您介绍如何在一行中同时选择多个嵌套类选择器和直接类选择器
//以下是选择器的说明//.a.b.c=选择div a和b内部的嵌套子c//.a.d=选择div a内部的嵌套子d//.f=选择直接元素,即div f,它在div a和b之外$('.a.b.c,.a.d,.f').css('背景颜色','灰色');<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div class=“a”>a<div class=“b”>b<div class=“c”>c</div></div><div class=“d”>d</div></div><div class=“e”>e</div><div class=“f”>f</div>
Vanilla JavaScript解决方案:-
document.querySelectorAll('.a.b')