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

[Altos]

Есть слайдер 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>), чтобы на него перелистнуло при нажатии кнопки.
Помогите плиз.

[Altos]

Немного доработал скрипт. Всё норм, но тереь не могу написать скрипт который будет определять каким "порядковый номер" слайда по полю 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);
          });