如何获取与单击的子元素$(this)元素相关的父元素的索引值？
<html>
<body>
<header>
<div class="gallery">
<div class="controls">
<button class="next"></button>
<button class="previous"></button>
</div>
</div>
</header>
<section>
<section>
<article>
<div class="gallery">
<div class="controls">
<button class="next"></button>
<button class="previous"></button>
</div>
</div>
<div class="gallery">
<div class="controls">
<button class="next"></button>
<button class="previous"></button>
</div>
</div>
</article>
</section>
</section>
</body>
</html>
在此HTML中,可以在正文中的任何您喜欢的位置声明图库.所以我需要一个“智能”选择器来解决问题.
伪JavaScript
$('.controls button').click(function() {
var hope = $(this).parents('.gallery').index();
alert(hope);
}
预期产出
方案单击此文档中第二个库的按钮：
1
解决方法:
试试这个：
$('.gallery').index( $(this).parents('.gallery') );
.index()正在查找应用它的元素组中传递元素的索引.
源极(S)