jQuery .attr ('id' ) 返回空

Question

这是我的代码

    $('.sort').click(function(){
        console.log($(this).attr('id'));
        $.cookie('sortby', $(this).attr('id'), { expires: 25 });
        //window.location.reload(true);
    });

HTML

<button id="name" class="sort">Name</button> 
<button id="price" class="sort">Price</button> 
<button id="popular" class="sort">Popularity</button>

我的 cookie 最终为空，控制台显示为

popular
(an empty string)

看起来它获取了正确的 id，但随后将其更改为 null有什么建议吗？

Answer 1

在第二次调用中，$(this) 对象已更改范围。以下内容应该有效:

    $('.sort').click(function(){
        console.log($(this).attr('id'));
        var $this = $(this);
        $.cookie('sortby', $this.attr('id'), { expires: 25 });
        //window.location.reload(true);
    });