Jquery 在点击时在两个文本变量之间切换

Question

我有一个单击功能，您可以在其中单击 anchor 标记，它会更改该单击的 anchor 标记的背景和页面上另一个元素中的文本。现在当你点击另一个 anchor 标签时，它应该将文本更改为第二个文本变量。当第三次点击 a-tag 时(即第三个 anchor 标签，我有 3 个)，它应该变回第一个文本变量再次。这是我的示例，但似乎无法正常工作。此外，背景不会像它应该的那样改变不透明度，但我认为这是因为它在 td 标签中 - 请参见示例

http://jsfiddle.net/gGAW5/94/

谢谢!

Answer 1

工作演示 http://jsfiddle.net/tB3pP/3/

我刚刚使用了您的代码并做了一些小改动，例如 var = i 和 i%2

实现的行为:当您第一次单击 text1 时，第二次单击 text2，第三次再次单击 text1。

希望这对您有所帮助，如果我遗漏了什么，请告诉我，

代码

$(document).ready(function() {
    var text1 = "My Text 1";
    var text2 = "My Text 2";
    var i = 1;
    $("a").click(function(event) {

        i++;
        if (i%2 != 0) {
            $("#myTitle").html(text1);
            $(this).css("opacity", "0,5");
        }else {
            $("#myTitle").html(text2);
            $(this).css("opacity", "0,9");
        }
    });
});​