Question

所以我想为学校项目编程Memory。我希望通过.css("visibility", "hidden")看到2张卡片不可见，但只有一张卡片不可见而另一张卡片仍然可见，直到我再挑选另外两张卡片。

请记住编程时非常糟糕：

$("#card"+card_id1 "#card"+card_id2).css("Visibility", "hidden");

$("#card"+card_id1).css("Visibility", "hidden");
$("#card"+card_id2).css("Visibility", "hidden");

是我的尝试。

我知道如何使用var来同时为#card分配可见性吗？

编辑：

`

/*
$(".card_field").click(function(){
    clicked++;
    if(clicked <= 2)
        {
            card_id1 = $(this).attr("value");
            $(this).flip(true);
            clicked++;
        }
    else{
        card_id2 = $(this).attr("value");
        if(card_id1 == card_id2)
            {
                $("#card"[ + card_id1]).css("visibility",  "hidden");
                $("#card"[ + card_id2]).css("visibility",  "hidden");
            }
        else{
            $("#card" + card_id1).flip(false);
            $("#card" + card_id2).flip(false);
        }
        card_id1;
        card_id2;
        alert(card_id1 + " " + card_id2);
    }
});
*/

$(".card_field").click(function(){
    if(clicked != 1)
        {
            card_id1 = $(this).attr("value");
            $(this).flip("toggle");
            clicked = 1;
        }
    else
        {
            card_id2 = $(this).attr("value");
            $(this).flip("toggle");
            clicked=2;
        }

    if(clicked==2)
        {
            if(card_id1 == card_id2)
            {
                setTimeout(function(){

                });
                $("#card"+card_id1 + ", " + "#card"+card_id2).css("visibility", "hidden");
                card_id1 = "";
                card_id2 = "";

                clicked =0;

            }
            else
                {
                    $("#card"+card_id1).flip(false);
                    $("#card"+card_id2).flip(false);
                    card_id1 = "";
                    card_id2 = "";
                    clicked=0;
                }

        }
    else
        {
        }

});`

推荐部分是我之前的尝试。

为缺少的编辑而烦恼，认为没有必要。

Answer 1

你需要一个逗号。只需确保它作为字符串的一部分正确构建：

$("#card" + card_id1 + ", " + "#card" + card_id2).css("visibility", "hidden");

当指定多个选择器时，最终结果应该看起来像一串用逗号分隔的选择器，如下所示： $("#card-123, #card-abc")

此外，Visibility不是属性名称，visibility，但是！因此，请确保以小写形式键入属性名称，这也应该有所帮助。

带有var的JQuery mutliple ids选择器

1 个答案: