我想要一种更有效的编码方式来不显示按钮

Question

我有两个网格，它们都显示按钮。一个网格显示数字，无论是真还是假，是或否，另一个网格显示字母，真，假，是和否。

第二个网格没有显示在代码中（使用css不显示第二个网格按钮（.answerBtns））现在使用getButtons（）函数，如果用户在第一个网格中选择按钮“1”（你的网格）必须打开使用（打开网格）链接，然后它应该在第二个网格中显示按钮“A”，如果用户在第一个网格中选择按钮“2”，那么它应该在第二个网格中显示按钮“A”和“B”，如果“3”然后显示“A”，“B”和“C”等等。

现在除了使用if语句并说明应该显示哪些按钮而不显示，这取决于在第一个网格中选择的按钮，是否有更有效的编码方式，以便第二个网格中按钮的显示取决于所选择的内容在第一个网格？

如果使用数组，有人可以在答案中显示这个样本。你可以只做一个例子，然后我就可以用它来填充其他按钮。

谢谢

代码在jsfiddle中，单击here

Answer 1

所以说有人点击“4”，然后你可以找到“answerBtns”并使用jQuery.each（）迭代前四个。我相信jQuery会按照它们在DOM中出现的顺序找到按钮。

var clickedNumber = 4;
$('.answerBtns').each(function (index) {
    if (index < clickedNumber) {
        $(this).show();
    }
});

我想我正在解决你所问的问题，但不确定。