jquery - .hasClass() 不是函数？

Question

我正在尝试执行以下操作:

$('.myEm').closest('.area').hasClass('medium').toggleClass('large-4 large-12');

但我不断收到错误消息，指出 .hasClass 不是函数。我缺少什么？

Answer 1

您不能在 .hasClass() method 之后链接其他方法像这样。

.hasClass() method根据 jQuery 选择器是否具有特定类返回一个 bool 值。您似乎正在寻找 .has() method ，它将根据元素集合是否具有与选择器匹配的特定后代元素来过滤元素集合:

$('.myEm').closest('.area').has('.medium').toggleClass('large-4 large-12');

...或者您可以使用 :has() selector还有:

$('.myEm').closest('.area:has(.medium)').toggleClass('large-4 large-12');

您可以链接大多数其他 jQuery 方法的原因是因为它们返回 jQuery object 。如果您检查任何 jQuery 方法或选择器的文档，您就可以确定返回类型(这将指示您之后是否可以链接其他方法)。如上所述， .hasClass() 方法不返回 jQuery 对象，它返回 true/false，这就是为什么你看到以下错误，表明它不是一个函数:

Uncaught TypeError: $(...).closest(...).hasClass(...).toggleClass is not a function