javascript - 如何在用鼠标单击时更改 anchor 的文本？

Question

这是我的网站。 http://www.sarahjanetrading.com/js/j/index.html所有代码+图像+css都可以访问任何人

当任何人单击“监听”按钮时，其背景会变为“停止监听”，反之亦然。这是我想要的功能，我使用 jQuery 得到了它。

我现在还想要的是文本也相应地改变。例如，当有人单击“收听” anchor 时，其文本应更改为“停止收听”，对于停止收听 anchor 也是如此。就像切换 anchor 一样。

感谢您的帮助!真的很感激...:)

Answer 1

$("#first").toggle(function(){
    $(this).text("Stop listening");
}, function(){
    $(this).text("Listen");
});

在线演示: http://jsfiddle.net/5AUdJ/

<小时/>

UDPATE

我看到您正在使用一个类来控制监听/停止状态。也许这样效果会更好。

$("a").click(function(){
    if($(this).is(".listen")){
        $(this).text("Stop listening").removeClass("listen");
    } else {
        $(this).text("Listen").addClass("listen");
    }
});