jquery 切换星形脚本

Question

我想使用以下 jquery 脚本打开/关闭星形链接按钮类，这也取决于 CSS 中 SVG Sprite 的背景图像位置。

我有下面的 jquery 函数，它可能需要一些修改才能更有效，但是我如何才能让它适用于 SVG sprite 并更新示例页面以反射(reflect)管理员所做的开/关切换设置？

数据库的后端将用 C# 编写，但我需要让前端正常工作...

$(function() {
$(".star").click(function() {
    var id = $(this).attr("id");

    if($(this).hasClass("starred")) {
        $.post("profilepage.html", {id: id}, function(resp) {
            $(this).removeClass("starred").find("img").attr("src", "star-icon-f.png");
        });
    }

    else {
        $.post("profilepage.html", {id: id}, function(resp) {
            $(this).addClass("starred").find("img").attr("src", "star-icon.png");
        });
    }

    return false;
});
});

Answer 1

$(".star").click(function() {
    var that = $(this);
    var id = that.attr("id");

    var isStar = false;
    var src = 'star-icon.png';
    if(that.hasClass("starred")) {
        isStar  = true;
        var src = 'star-icon-f.png';
    }

    //Do the post
    $.post("profilepage.html", {id: id}, function(resp) {
        that.find("img").attr("src", src);
        if (isStar) {
            that.removeClass("starred");
        } else {
            that.addClass("starred");
        }
    });

    return false;
});