Я хочу, чтобы через JQuery отображались только определенные кнопки

Question

У меня есть сетка кнопок, где пользователь открывает гирду, щелкая ссылку (Открыть сетку), а затем нажимая кнопку в этой сетке. Затем произойдет набор кнопок под текстовым полем в зависимости от кнопки, выбранной в сетке. Поэтому, если пользователь выбирает кнопку «1», появляется кнопка «A», если пользователь выбирает кнопку «2», появляются кнопки «A» и «B» и т. Д.

Теперь это делается с помощью кода JQuery ниже:

$(".gridBtns").click(function() {

   var clickedNumber = this.value;

   $('.answerBtns').each(function (index) {
      if (index < clickedNumber)
         $(this).show();
      else
         $(this).hide();
   });

});

Но я хочу сделать следующее: если пользователь выбирает кнопку «True» или «False» в сетке, мне нужны только кнопки «True» и «False» под текстовым полем, и если пользователь выбирает кнопку «Yes» или «No» от гирда, тогда я хочу, чтобы под текстовым полем отображались только кнопки «Да» и «Нет». Как это можно сделать в моем коде jquery?

Также, если пользователь выбирает кнопку «Истина или Ложь» или кнопку «Да или Нет», то я хочу, чтобы текстовое поле «Количество ответов» исчезло и отображало только тег span «N / A», кто-нибудь знает, сделать это в jquery

Спасибо и код в jsfiddle, нажмите здесь

Answer 1

Кто-нибудь знает, чтобы сделать это в коде JQuery или это должно быть сделано в javascript, используя операторы if?

Этот вопрос не имеет никакого смысла. Поскольку jQuery - это библиотека javascript, вы не можете использовать jQuery или javascript. Вы должны использовать (вы уже делаете это) оба из них.

Что касается того, как это сделать, вы должны установить различные условия для цифровых кнопок и кнопок параметров в сетке (например, с помощью оператора 'if', как вы говорите, или с другим классом для этих кнопок параметров, чем для числовых ).