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

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

第二个网格不显示在代码中，该代码使用css不显示第二个网格按钮。现在使用getButtons功能，如果用户选择第一个网格中的按钮1，您必须使用open grid link打开该网格，那么它应该在第二个网格中显示按钮A，如果用户选择第一个网格中的按钮2，然后它应该在第二个网格中显示按钮A和B，如果3，则显示A、B和C，依此类推

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

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

多谢各位

---

代码在JSFIDLE中，单击

，假设有人单击了4，那么您可以找到答案，并使用jQuery.each遍历前四个。我相信jQuery会按照按钮在DOM中出现的顺序找到它们

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

---

我想我是在回答您的问题，但不确定。

您应该提到，您正在寻找的是jQuery解决方案，而不是javascript解决方案。哦，好吧，我不知道这是一个需要的jQuery解决方案，但好吧，谢谢