当前第n个:父级的子级
当前第n个:父级的子级
提问于 2016-07-12 15:42:05
有没有办法找出我点击的div的nth:child？
$('#divStatus div').on('click', function() {
console.log($(this).parents().eq())
})#divStatus div {
display: inline-block;
background: red;
width: 100px;
height: 100px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divStatus">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
回答 3
Stack Overflow用户
发布于 2016-07-12 15:45:48
是的，使用jQuery的index函数。index是从0开始的，而:nth-child是从1开始的，所以您必须考虑到这一点。
$('#divStatus div').on('click', function() {
console.log($(this).index() + 1);
})#divStatus div {
display: inline-block;
background: red;
width: 100px;
height: 100px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divStatus">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
Stack Overflow用户
发布于 2016-07-12 15:45:32
为此，请使用index()函数。
查看此处
HTML：
<div id="divStatus">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>CSS：
#divStatus div {
display: inline-block;
background: red;
width: 100px;
height: 100px;
}JS代码：
$('#divStatus div').on('click', function() {
var nth = $(this).index() + 1;
console.log(nth)
})index()从0开始，在本例中，您需要从1 ( nth-child(1) )开始，这就是为什么要在index()中加1的原因
阅读有关index() here的更多信息
Stack Overflow用户
发布于 2016-07-12 15:45:32
使用.index()函数获取当前点击的div的索引：
索引将是从零开始的，因此您需要在其上加上+1才能获得正确的索引。
$(document).ready(function() {
$('#divStatus div').click(function() {
var index = $(this).index() + 1;
console.log(index);
});
});#divStatus div {
display: inline-block;
background: red;
width: 100px;
height: 100px;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<div id="divStatus">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38322769
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号