我有一些这样的
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);
});
