强制jQuery将div与两个类标记匹配,而不只是一个

Question

如果我有这个HTML

<ul class="link color">...</ul>

和jQuery:

$(".link li").click(function(){
    //do stuff
});

要么

$(".color li").click(function(){
    //do stuff
});

它工作正常.

但是我只想在类具有BOTH链接和颜色时触发.我怎么能告诉jQuery只触发两个现有的,因为这不起作用:

$(".link .color li").click(function(){
    //do stuff
});

Answer 1

$(".link.color li").click(function(){
    //do stuff
});

之所以$(".link .color li")不选择它,是因为它试图抓住作为类链接的子类的类颜色的子类的所有li.当你把空格放在那里时,它最终会在DOM下面工作,但是当你把选择器放在彼此旁边时它只会抓住那些满足所有选择器的那些.