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

Question

我有一些这样的 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。我怎样才能改变我所做的来做到这一点？

Answer 1

将选择器传递给 index()，或者使用选择器并传递元素 -> $('.slide').index($(this).closest('.slide'))，无论哪种方式都有效:

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