只需单击一下即可更改链接文本并隐藏链接

时间:2013-03-27 16:42:36

标签: jquery text hyperlink

我真的需要一些指导。

我有3个链接,有3个不同的ID:btn1,btn2,& btn3。 当我点击btn2时,我想更改btn2&上的链接文字。 btn3,并隐藏btn1。 当我再次点击btn2时,我想恢复到btn2&上的原始文本。 btn 3,并显示btn1。

我已经在jsfiddle中启动了这个并尝试了各种选项,但我真的很难过。有人可以给我一些方向吗?谢谢!

http://jsfiddle.net/squirc77/EQFRY/>

1 个答案:

答案 0 :(得分:2)

尝试以下操作,你没有说明btn3中的文字应该是什么,所以我在我的例子中换掉了'重置'和'清除':

$('#btn2').click(function () {
    var $this = $(this);
    if ($this.text() == 'Search & Save Filter'){
        $this.text('Filter Saved');
        $('#btn3').text('Reset');
        $('#btn1').hide();
    } else {
        $this.text('Search & Save Filter');
        $('#btn3').text('Clear');
        $('#btn1').show();
    }
});

jsFiddle

的更新版本