【问题标题】：Change link with jQuery depending on class根据类更改与 jQuery 的链接
【发布时间】：2014-10-19 19:42:47
【问题描述】：

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

初始状态（无类）：

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

如果点击上面的，它会得到一个如下的类：

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

我想这样结束：

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

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

【问题讨论】：

您需要在添加已保存的类时执行此操作。
看我的回答你的问题:)

标签： jquery css class hyperlink

【解决方案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");
    }

});

【讨论】：

【解决方案2】：

$('a').click(function(){
    $(this).addClass('saved');
    $(this).text('Remove This');
});

Fiddle Demo

【讨论】：

【解决方案3】：

试试这个：

DEMO

分配id 将提供独特的操作

HTML：

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

脚本：

 $("#btn").click(function () {
            $(this).addClass("saved");
            $(this).html("Remove This");
        });

【讨论】：

【解决方案4】：

试试这个：

$('a').click(function(e) {
        e.preventDefault();
        $(this).hasClass('saved')?$(this).html('Remove This'):$(this).addClass('saved');
    });

【讨论】：