javascript - jquery获取href值并将其用作变量

Question

所以我为我的网站设置了滚动代码。

<section class="fpage">
   <a class="next" href="#view">test</a>
</section>

<section class="cpage">test</section>

在 jquery 中我已经有了。

$(document).ready(function () {
    $('.next').click(function (event) {
        var cpage = $(this).find('a').attr('href');
        var fpage = $(this).closest('section');
        event.preventDefault();

        fpage.addClass('anim').delay(500).queue(function(next){
            $(this).removeClass().addClass('cpage');
            next();
            cpage.removeClass('.cpage').addClass('fpage');
        });
    });
});

我希望 var:cpage 获取 .next href 值(在本例中:# view)并将其用作变量的名称。在这种情况下我没有错什么？如何将 cpage var 转换为#view？

Answer 1

.next 是 a 本身。您不需要使用 .find

  var cpage = $(this).attr('href'); 

或者

  var cpage = this.href;

编辑:因为cpage是一个ID，您需要执行此操作来选择元素

 $(cpage).removeClass('.cpage').addClass('fpage');