Question

我有一个点击功能，你点击一个锚标签，它会改变点击的锚标签的背景和页面上另一个元素的文本。现在当你点击另一个锚标签时，它应该将文本更改为第二个文本变量。当a-tag第三次点击时（这是第三个锚标签，我有3个），它应该改回第一个文本变量。这是我的例子，但似乎无法让它运作。此外，背景不会改变不透明度，但我认为这是因为它在td标签中 - 参见示例

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

谢谢你！

Answer 1

试试这个 - http://jsfiddle.net/gGAW5/96/

var title;

    $(document).ready(function() {
        $("a").click(function() {
            if ( $("#myTitle").text() == "My Title" || $("#myTitle").text() == "My Text 2" ) {
                title = "My Text 1";
            } else {
                title = "My Text 2";
            }

            $("#myTitle").text( title );
            $(this).css("opacity", .5);
        });
    });

Answer 2

工作演示 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");
        }
    });
});

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

2 个答案: