元素类不会改变

Question

我尝试通过JQuery更改元素的类。 我有一个带可排序列的数据表，这是一个可排序列html的例子：

<th>
   <a href="#">Fecha</a>
   <i class="icon-arrow-up pull-right"></i>
</th>

因此，当单击锚点时，会触发一个事件并执行sort：

sort: function(){
    if(this.parent.collection.sortAttribute === this.idx){
        this.parent.collection.sortDirection *= -1;
    }
    this.changeSortIcon(this.$el.find('i'));
    this.parent.collection.sortBy(this.idx);
},
changeSortIcon: function(elem){
     console.log(elem);
     var cls = (this.parent.collection.sortDirection === 1) ? this.sortUpIcon : this.sortDownIcon;
     elem.removeClass(this.sortUpIcon)
         .removeClass(this.sortDownIcon)
         .addClass(cls);
}

控制台未显示错误，但图标类未更改。 “elem”的控制台日志返回“i”元素：

[i.icon-arrow-up pull-right, prevObject: x.fn.x.init[1], context: undefined, selector: "i", jquery: "1.10.2", constructor: function…]

注意：定义了this.sortUpIcon和this.sortDownIcon。