Почему возвращает index 0?

Question

[Evtera]

Доброго времени суток. У меня есть два слайдера. Функция ниже при наведении на кнопку пролистывает вправо/влево. Два слайдера. У каждого слайдера есть свои кнопки.
Но при наведении на кнопку пролистываются оба слайдера, а не тот, который соответствует кнопке. Пытался захватить .index(), но возвращает ноль. В чем причина?

function playsl(play_st, play_typ) {
  if (play_st == true) {
    if (play_typ == "slickNext") $(".category__row").slick("slickNext");
    if (play_typ == "slickPrev") $(".category__row").slick("slickPrev");
  }
}

var play_st = false;
var play_typ = false;
var timerId = false;

$(".category__row")
  .find(".slick-next")
  .mouseenter(function () {
    play_typ = "slickNext";
    play_st = true;
    timerId = setInterval(function () {
      playsl(play_st, play_typ);
    }, 220);

    return false;
  });

$(".category__row")
  .find(".slick-prev")
  .mouseenter(function () {
    play_typ = "slickPrev";
    play_st = true;
    clearInterval(timerId);
    timerId = setInterval(function () {
      playsl(play_st, play_typ);
    }, 220);
    return false;
  });

$(".category__row")
  .find(".slick-next, .slick-prev")
  .mouseout(function () {
    lay_st = false;
    clearInterval(timerId);
    return false;
  });

<div class="category__wrapper">    

  <div class="category__row">
    <div class="slick-next"></div>
  </div>

 <div class="category__row">
    <div class="slick-next"></div>
  </div>

</div>

Answer 1

[secretsergey]

function playsl(slider, play_st, play_typ) {
  if (play_st == true) {
    if (play_typ == "slickNext") slider.slick("slickNext");
    if (play_typ == "slickPrev") slider.slick("slickPrev");
  }
}

$(".category__row")
  .find(".slick-next")
  .mouseenter(function () {
    play_typ = "slickNext";
    play_st = true;
    slider = $(this).parent();
    timerId = setInterval(function () {
      playsl(slider, play_st, play_typ);
    }, 220);

    return false;
  });