根据类改变与jQuery的链接

Question

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

初始状态（无课程）：

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

如果单击上面的内容，则会给出如下课程：

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

我想最终得到这个：

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

如果班级更改为＆＃34;已保存＆＃34;我想要更改初始文字＆＃39;保存此项＆＃39;去除＆＃39;删除这个＆＃39;。

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");
    }

});

Answer 2

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

<强> Fiddle Demo

Answer 3

试试这个：

DEMO

分配id将提供独特的操作

HTML：

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

SCRIPT：

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

Answer 4

试试这个：

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