jquery - 强制 jQuery 将 div 与两个类标签相匹配，而不仅仅是一个

Question

如果我有这个html

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

和 jQuery:

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

或

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

效果很好。

但我只想在类同时具有链接和颜色时触发。我怎样才能告诉 jQuery 仅在现有的两者上触发，因为这不起作用:

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

Answer 1

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

$(".link .color li") 不选择它的原因是它试图获取所有属于类 color 的子级的 li，而这些 li 是类 color 的子级关联。当您将空格放在那里时，它最终会在 DOM 中起作用，但是当您将选择器放在彼此旁边时，它只会抓取满足所有选择器的选择器。