Swiperjs: как обратиться к кнопкам через $(this).parents?

Question

[MegaPuxapb]

Будет несколько, идентичных слайдеров на странице.
Кнопки навигации, вынесены за пределы слайдера. как к ним обратится через $(this).parents?

$('.object-slider').each(function () {
      var swiper = new Swiper(this, {
         lazyLoading: true,
         slidesPerView: 1,
         navigation: {
            nextEl: $(this).parents('.object-slider-wrap').find('.slider-next'),
         },
      });
   });

Answer 1

[Александр]

$('.object-slider').each(function (index, slider) {
      var swiper = new Swiper(slider, {
         lazyLoading: true,
         slidesPerView: 1,
         navigation: {
            nextEl: $(slider).parents('.object-slider-wrap').find('.slider-next'),
         },
      });
   });

Comments

[MegaPuxapb]

не работает(
ошибок не выдаёт, кнопки не кликаются

[MegaPuxapb]

а вот так заработало.

$('.object-slider').each(function (index, slider) {
      var swiper = new Swiper(slider, {
         lazy: true,
         slidesPerView: 1,
         navigation: {
            nextEl: $(slider).parents('.object-slider-wrap').find('.slider-next')[0],
            prevEl: $(slider).parents('.object-slider-wrap').find('.slider-prev')[0],
         },
      });
   });