jquery – 按类别获取点击元素的索引

我有一些这样的 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.如何改变我所做的一切呢？

解决方法

将选择器传递给index(),或者使用选择器并传递元素 – > $(‘.slide’).index($(this).closest(‘.slide’)),无论哪种方式都可以：

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