0

I have a question regarding the Jquery selector.

I have an element class like the following

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

I tried to select it with $('.test color-picker') but it doesn't seem to be able to select when there is a space between them. I can't change the class name because it effects so many other things. Are there anyways I can go around it? Thanks so much!

4

4 回答 4

3 
$('.test.color-picker')

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

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

于 2013-07-31T16:40:31.343 回答
2

不要放空格：

$('.test.color-picker')

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

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

事实并非如此。

于 2013-07-31T16:40:06.543 回答
1

由于您想找到同时具有这两个类的元素，因此不要使用空格，而是使用如下方式：

$('.test.color-picker')

更多参考：阅读文档

于 2013-07-31T16:44:27.927 回答
0

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

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

$('.test.color-picker')
于 2013-07-31T17:13:32.140 回答