Получить индекс элемента click по классу

У меня есть HTML такой:

<div class="slide">
  <a href="#" class="test">Test</a>
</div>
<div class="other">
  ...
</div>
<div class="slide">
  <a href="#" class="test">Test</a>
</div>
<div class="other">
  ...
</div>

Теперь, когда я нажимаю на одну из тестовых ссылок, я хочу получить индекс родительского div. НО, я хочу, чтобы индексы были только элементами div.slide.

Я пробовал следующее:

$('a.test').click(function(){
  var slideIndex = $(this).parents('.slide').index();
  alert(slideIndex);
});

Вышеуказанные предупреждения 0 для первой ссылки и 2 для второго канала. Я хочу, чтобы он оповещает 1 для второго звена, так как второй div.slide. Как я могу изменить то, что я сделал, чтобы сделать это?

Ответ 1