Javascript 返回项目，单击其容器div内的订单/位置

我正在尝试返回，console.log（）；单击的项目及其位置。 所有容器都具有与本例中相同的类名：

<div class="container"> 
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>

<div class="container"> 
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>

<div class="container"> 
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>

这是返回单击项的javascript：

$（“.container.item”）。单击（函数（）{
var position=“？不确定在这里做什么”；
控制台日志（此+”位置：“+位置）；
});

因此，如果单击第二个容器中的第三个div，它应该返回：container:2 item:3 在不更改DOM的情况下再次执行此操作（尝试跟踪站点单击而不更改其原始代码）

---

提前谢谢你

使用Jquery函数返回元素的位置整数

说明：从匹配元素中搜索给定元素

希望这有帮助

$（“.container.item”）。单击（函数（）{
var position=$（this.index（）；
控制台日志（此+”位置：“+位置）；
});

0
1.
2.
3.
0
1.
2.
3.
0
1.
2.
3.
您可以使用
index（）
方法获取当前元素在其容器中的位置。从
项（）
中，然后可以使用
最近的（）
获取相关的
.container
。试试这个：

$(".container .item").click(function () {
    var containerIndex = $(this).closest('.container').index();
    var itemIndex = $(this).index();
    console.log('container: ' + containerIndex, 'item: ' + itemIndex);
});

$（this）.index（）将返回当前位置。
$（this）.parent（）.index（）将返回容器div索引

$(".container .item").click(function(elm){

var containerIndex= $(this).parent().index();
var itemIndex = $(this).index();
console.log( 'container:' +containerIndex + ' ' + 'item:' +itemIndex);
});


$(".container .item").click(function () {
    var containerIndex = $(this).closest('.container').index();
    var itemIndex = $(this).index();
    console.log('container: ' + containerIndex, 'item: ' + itemIndex);
});

$(".container .item").click(function(elm){

var containerIndex= $(this).parent().index();
var itemIndex = $(this).index();
console.log( 'container:' +containerIndex + ' ' + 'item:' +itemIndex);
});