Question

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

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

我现在也想要的是相应更改的文本。就像，当有人点击“监听”锚点时，其文本应更改为“停止监听”，并且对于停止监听锚点也是如此。就像一个切换锚。

感谢您的帮助！真的很感激......：）

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

Answer 2

在这里，我使用你的源代码制作了这个JSFiddle。

http://jsfiddle.net/K4Njj/2/

这是jQuery代码：

$(function(){
    $("#container a").click(function(){
        if ($(this).html() == "Stop Listening")
        {
            $(this).html("Listen");
        }
        else if ($(this).html() == "Listen")
        {
            $(this).html("Stop Listening");
        }
    });
});

这将只是检查锚点上的文字是“停止收听”还是“收听”，如果是，它会在你按下按钮时切换它。这是最优雅的解决方案。

Answer 3

在您的Javascript中，您可以使用innerHTML属性来访问和/或更改元素的HTML文本。

getElementById("first").innerHTML = "newtext"

如何在用鼠标单击时更改锚点的文本？

3 个答案: