JQuery 带有 var 的多个 ID 选择器

Question

所以我想为一个学校项目编写记忆程序。我想让 2 张卡片通过 .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");

是我的尝试。

知道如何同时为两个 #card 分配可见性并在它们上设置 var 吗？

编辑：

`

/*
$(".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 是！因此，请确保以小写形式输入属性个名称，这也应该有所帮助。

JQuery 带有 var 的多个 ID 选择器

JQuery mutliple ids selectors with var

jquery

jquery-selectors