听你的描述应该是点击的时候修改className, 如果有active就去掉，没有就加上

$('.icon-star').on('click', function() {
    var className = $(this).attr('class'),
        // 需要处理的className
        dealClassName = className.split(' ').filter(function(v) {
            if(v.indexOf('icon-') > - 1) return v;
        }).toString(),
        // 新的className
        newClassName = dealClassName.indexOf('-active') > -1? dealClassName.replace('-active', '') : dealClassName + '-active';
        
    $(this).attr('class', newClassName );
});

可以用 toggleClass() 方法来切换。

追加到哪里的末尾？
追加使用方法append("")
删除直接remove()，不过要知道你想删除的节点的位置，这个思路就行

为什么你要用先获取他的class
class那么多要是顺出错了
你的字符串拼接就出错了
你的图标类名如果是不变的 直接在addClass（“icon类名”）写就好了

要是你有很多这种操作，把图标的类名保存到别的地方

在用attr（）获取
var thisClass = $(this).attr('iconClass');

这里改成 就好了
var iconOff = 1;

$('.icon-star').on('click', function() {
    if (iconOff == 1) {
        
        var thisClass = $(this).attr('iconClass');
        //默认class
        norClass = thisClass;
        $(this).removeClass(thisClass);
        $(this).addClass(thisClass + '-active');
        //获取新class
        var newClass = $(this).attr('class');
        iconOff = 0;
    } else {
        $(this).removeClass(newClass);
        $(this).addClass(norClass);
        iconOff = 1;
    }
});

用hasClass，检测是否有active class，有的话removeClass，没有则addClass