jquery - 根据类更改 jQuery 的链接

Question

如果链接类发生变化，有没有办法使用 jQuery 动态更改链接文本？

初始状态(无类):

<a href="#" class="">Save This</a>

如果单击上面，则会给出如下所示的类:

<a href="#" class="saved">Save This</a>

我想以这样的方式结束:

<a href="#" class="saved">Remove This</a>

如果类更改为“已保存”，我想要将初始文本“保存此”更改为“删除此”。

Answer 1

你想做这样的事情吗？

http://jsfiddle.net/a6vjxy6c/2/

$("a").on("click", function(e) {
    e.preventDefault();
    if ($(this).hasClass("saved")) {
     $(this).removeClass("saved");
        $(this).html("Save This");
    }
    else {
     $(this).addClass("saved");
        $(this).html("Remove This");
    }

});