JQuery CSS选择器语法错误？

Question

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

但是，我的JS中有以下行（有一个日志试图找到问题）

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

现在，当我查看控制台日志时，它只是说Null，我假设它没有正确选择，因此变量从未在第一个位置初始化，所以保持在Null。

我选错了元素吗？绝对是正确的等级。

Answer 1

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