Подскажите какое значение задать полю, что-бы заработал код.
 

Есть слайдер swiper метод вроде реализован, но не могу как определить новый слайд, код ниже (вырезан лишний php код):

<button type="button" data-slide="1112">1112</button>
while($arFields = $res->GetNext())
   {
    <div class="SliderSlide swiper-slide" style="<?= $src ?>)">
       ...
    </div>
    }

и код из js

$('button[data-slide]').click(function(event) {
        var slideIndex = $(event.target).data('slide');
        mySwiper.slideTo(parseInt(slideIndex, 10));
      });

Какой класс, id или что еще надо задать слайду 1112 (<div>), чтобы на него перелистнуло при нажатии кнопки.
Помогите плиз.

Немного доработал скрипт. Всё норм, но тереь не могу написать скрипт который будет определять каким "порядковый номер" слайда по полю id
На первую кнопку возвращает 0, а на остальные -1. В чём причина?

<button type="button" data-slide="<?=$buttonListId?>">слайд</button>

<div class="SliderSlide swiper-slide" id="<?php echo $id?>" data-index="i" style="background-image: url(<?= $src ?>)">
</div>

$('button[data-slide]').click(function(event) {
            var slideID = $(event.target).data('slide');
            var index = $(".swiper-slide").index('#' + slideID);
            slider.slideTo(index);
          });