js如何获取层里面的元素下标

Question

外面一个总层，里面有3个小层 小层里面有图片，如何获取到图片下标。

<div id="wai">

    <div class="nei">

        <img><img><img>

    </div>

    <div class="nei">

        <img><img><img>

    </div>

    <div class="nei">

        <img><img><img>

    </div>

</div>

我点击时候都是外层，所以this我感觉获取不到img下标- -。。新手，求大神指教。谢谢

可能怪我没说清除抱歉。应该是事件冒泡或者捕获我不太清除哪一个。我目前的点击只有外层id="wai"才有效，其他无效，每次的$this都是外层。但是我又要获取里面点击的img索引index。这样的话怎么解决。。。

谢谢大家！抱歉抱歉，没说清楚

    $("#wai").click(function(){

        console.log($(this))

    })

    $(".nei").click(function(){

        console.log($(this))

    })

    $("#wai img").unbind();

    $("#wai img").on("click",function(){

        console.log($(this))

        console.log($("#wai img").width());

        return false;

    })

只有外层的console生效

Answer 1

$("#wai").click(function(){&nbsp; &nbsp; console.log($(this))})$(".nei").click(function(e){&nbsp; &nbsp; e.stopPropagation()&nbsp; &nbsp; console.log($(this))})$("#wai img").on("click",function(e){&nbsp; &nbsp; e.stopPropagation()&nbsp; &nbsp; console.log($(this))&nbsp; &nbsp; console.log($("#wai img").width());})