Jquery 按类名问题选择元素

我有一个关于

Jquery

选择器的问题

我有一个

元素类

，如下所示

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

单元

我试图用

$（'.test color picker'）

选择它，但当它们之间有空格时，它似乎无法选择。我不能更改类名，因为它会影响很多其他事情。我有什么办法可以绕过它吗？非常感谢

不要放置空格：

$('.test.color-picker')

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

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

$('.test.color-picker')

但事实并非如此。

请勿放置空格：

$('.test.color-picker')

$('.test.color-picker')

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

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

$('.test.color-picker')

事实并非如此

$('.test.color-picker')

这将使一个元素与两个类都匹配

class='test color picker'

是两个不同的类名，

test

和

color picker

您的代码试图在类为

test

的元素中查找

元素

这将使一个元素与两个类都匹配

class='test color picker'

是两个不同的类名，

test

和

color picker

---

您的代码试图在类为

test

的元素中查找

元素

由于您希望找到同时具有两个类的元素，因此请使用以下命令代替空格：

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

$('.test.color-picker')

---

有关更多参考信息：请阅读

，因为您希望找到同时具有这两个类的元素，所以请使用以下命令代替空格：

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

$('.test.color-picker')

更多参考：请阅读jQuery使用的，它为javascript库中的选择器提供了强大的CSS支持。这意味着jQuery选择器中使用的语法可以与CSS中使用的语法相同

因此，如果您希望选择同时具有.test和.color选择器类的元素，那么使用jQuery执行此操作的正确方法是：

$('.test.color-picker')

jQuery使用了，它为javascript库中的选择器提供了强大的CSS支持。这意味着jQuery选择器中使用的语法可以与CSS中使用的语法相同

因此，如果您希望选择同时具有.test和.color选择器类的元素，那么使用jQuery执行此操作的正确方法是：

$('.test.color-picker')

---

可能值得注意的是，这种语法对css也是如此。在使用jquery时，对css选择器有一个很好的理解是很有帮助的。可能值得注意的是，这种语法对css的作用方式也是一样的。在使用jquery时，对css选择器有很好的理解是很有帮助的。