jquery - 当我尝试从 rel 标签中获取元素的高度时，为什么会出现错误？

Question

当您单击具有引用它的 rel 标记的链接时，我正在尝试构建显示更多元素的功能。

    <div class="reveal-more"><a href="#" rel="#new-deals">View More Deals &#9660;</a></div>

$(".reveal-more a").click( function() {
    var moreContainer = $(this).attr('rel');
    var moreContainerHeight = $("'" + moreContainer + "'").height;
    alert(moreContainerHeight);

    return false;
});

Chrome 不断抛出错误 - 语法错误，无法识别的表达式：'#new-deals'

Answer 1

您似乎对变量的包装有问题，尝试将代码更改为以下内容，我发现它可以正常使用以下代码：

<div class="reveal-more"><a href="#" rel="#new-deals">View More Deals &#9660;</a></div>

    $(".reveal-more a").click( function() {
        var moreContainer = $(this).attr('rel');
        var moreContainerHeight = $(moreContainer).height();
        alert(moreContainerHeight);

        return false;
    });

我相信您的问题是您有一个字符串对象，并且''当 jQuery 自动处理它时您正在包装字符串。

编辑：修改后的代码

Answer 2

我想这是因为你要求一个班级的高度。

真的，您需要询问ID的高度。

一个类可能与一系列具有不同高度的 div 相关。