按类名选择元素

Question

我对Jquery选择器有疑问。

我有element class，如下所示

<td class='test color-picker'>cell</td>

我尝试用$('.test color-picker')选择它，但它们之间似乎没有空格时似乎无法选择。我不能改变类名，因为它影响了很多其他的东西。无论如何我可以绕过它吗？非常感谢！

Answer 1

$('.test.color-picker')

这会将元素与两个类匹配。 class='test color-picker'是2个不同的类名，test和color-picker。

您的代码试图找到包含<color-picker>类的元素中的test元素。

Answer 2

不要放置空格：

$('.test.color-picker')

您当前的代码假定您的html如下所示：

<td class='test'>
    <color-picker></color-picker>
</td>

情况并非如此。

Answer 3

由于你想要找到同时具有这两个类的元素，所以不要使用空格，请使用如下：

$('.test.color-picker')

更多参考：请阅读documentation

Answer 4

jQuery使用Sizzle selector engine，它为javascript库中的选择器提供了很好的CSS支持。这意味着用于jQuery选择器的语法可以与CSS中使用的语法相同。

因此，如果你想要的是选择一个包含.test和.color-picker类的元素，那么使用jQuery执行此操作的正确方法是：

$('.test.color-picker')