javascript - Javascript变量-设置为百分比

<div class="contentBlockOne">
        <span class="moreButton">More</span>
        <br />Each block will have an article summary in it.</div>

我想使用以下jQuery来增加“跨度”单击上的“ Div”的宽度（我不打扰包括else部分）：

            var currentWidth = $('.moreButton').parent().width();
            $('.moreButton').click(function () {
                if ($(this).parent().width == currentWidth) {
                    $(this).parent().animate({ width: '98%' }, 800);
                    $(this).text('Less');
                }

在我的脑海中，“ currentWidth”变量应该与父母的宽度相同。但是，在调试时，代码不会执行任何操作。我想这是因为无论出于何种原因，两个宽度值都不相同。

最佳答案

您在.width()调用上缺少括号。更改：

if ($(this).parent().width == currentWidth) {
// to
if ($(this).parent().width() == currentWidth) {