javascript - JQuery CSS 选择器语法错误？

Question

此时我假设 jQuery 使用的格式与 CSS 在使用 CSS 选择器时使用的格式完全相同。

但是，我的 JS 中有以下行(带有日志以尝试查找问题)

boxheight = $('.item .active > .html-carousel-slide > .slide-content-box').height();
    console.log(boxheight);

现在，当我查看控制台日志时，它只显示 Null，我假设它没有正确选择，因此变量一开始就没有初始化，所以保持为 Null。

我是不是选错了元素？绝对是正确的层次结构。

Answer 1

您有元素 <div class="item active">在您的 HTML 中并尝试使用 .item .active 选择它这是不正确的。使用 .item.active反而。类之间的空格表示选择具有类 active 的所有元素是类 item 的所有元素的后代.您真正想说的是选择具有两者 item 和 active 类的元素，您可以通过删除两者之间的空格来实现。