TheBigBearNow Ответов: 0

Циклический переход по кнопкам массива


Всем привет,
У меня есть массив, и я хотел бы перебирать его с помощью кнопок. У меня есть кнопка назад и вперед. Я хотел иметь какой-то индекс, чтобы использовать его в качестве счетчика и ++ или -- для выбора индекса, но каждый раз, когда я пытаюсь вставить массив[index] в свой html, он выдает мне ошибку.
$(document).ready(function() {
  var arr = [];
  var index = 0;
  var list = "";
  $("#btndis").click(function() {
      $.each(arr, function() {
          list += '<li">'+this.id+' '+this.name</li>';
      });
      $("#section").append(list);
  });
  $("#back").click(function() {
      //var s = arr[index];
      var first = arr.first();
      //$("#sec2").innerHTML(<span>first</span>);
  })
});


Что я уже пробовал:

циклический массив с петлями
настройка с первого раза()
вставка span и ul li
установка индекса=0 и выполнение ++

Bohdan Stupak

Похоже, что кавычки в вашем коде не совпадают. Кроме того, было бы неплохо узнать, какую ошибку вы получаете

TheBigBearNow

На кнопку нажать

$("#back").click(function() {
      //var s = arr[index];
      var first = arr.first();
      //$("#sec2").innerHTML(<span>first</span>);
  })

используя var first = arr.first(); для выбора индекса[0] в массиве и с помощью $("#sec2").innerHTML(первый); невозможность отображения элемента на странице

TheBigBearNow

Я все это понял, я не уверен, почему у меня были такие проблемы прошлой ночью, лол, вероятно, просто устал и не мог ясно мыслить. На самом деле это было довольно легко, когда я взял время и подумал об этом.
[код]
$("#назад").нажмите кнопку(функция() {
если (индекс < 0) {
индекс = 0;
}
var first = arr[индекс];
$("#С2").код HTML('

'+first.id+'
');
индекс--;
});
[/код]

TheBigBearNow

Теперь я нашел индекс массива ошибок undefined. Как я могу сделать так, чтобы, когда я нажимаю btn и его индекс 0, он не переходил в -1, но мне нужно иметь возможность щелкнуть btn, чтобы сделать индекс-чтобы просмотреть следующий слот в массиве.


$("#back").click(function() {
      if (index < 0) {
          index = 0;
      } else {
         var first = arr[index];
         $("#sec2").html('<h5>'+first.id+'</h5>');
         index--;
     }
  });

TheBigBearNow

Я знаю, что это как-то связано с размещением моего "индекса--"

TheBigBearNow

Перемещение индекса - и индекса++ в начало исправило эту проблему.

0 Ответов