더 효율적인 코딩 방법으로 단추를 표시하지 않겠습니까?

Question

두 개의 표가 있으며 두 단추가 모두 표시됩니다. 하나의 그리드는 참 또는 거짓, 그리고 예 또는 아니오를 표시하고 다른 그리드는 문자, 참, 거짓, 예 및 아니오를 표시합니다.

두 번째 눈금이 코드에 표시되지 않습니다 (두 번째 눈금 단추 (.answerBtns)를 표시하지 않으려면 CSS 사용). 이제 사용자가 첫 번째 눈금에서 "1"단추를 선택하면 getButtons() 함수를 사용합니다. 당신은 첫 번째 그리드에서 버튼 "2"를 선택하면 두 번째 그리드에 버튼 "A"와 "B"를 표시해야합니다 (Open Grid) 링크를 사용하여 열어야합니다.

if 문을 사용하고 첫 번째 눈금에서 선택한 단추에 따라 표시되고 표시되지 않아야하는 단추를 제외하고는 이제 "3"이면 "A", "B"및 "C"등이 표시됩니다. 두 번째 그리드에있는 버튼의 디스플레이가 첫 번째 그리드에서 선택된 것에 따라 달라 지도록 코드를 작성하는 더 효율적인 방법이 있습니까?

배열을 사용하는 경우 누군가가 답변의 샘플을 표시 할 수 있습니다. 한 가지 예를 들어 설명하면 다른 버튼을 채울 수 있습니다.

이 here

Answer 1

그래서 누군가가 클릭 말을 클릭

코드 jsfiddle에 감사 "4", 당신은 "answerBtns"를 찾아 jQuery.each를 사용하여 첫 번째 네 개의 반복 수(). 나는 jQuery가 DOM에 나타나는 순서대로 단추를 찾을 것이라고 생각한다.

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

나는 당신이 묻는 것을 다루고 있다고 생각하지만 확실하지 않습니다.