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(){

    console.log($(this))

})

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

    e.stopPropagation()

    console.log($(this))

})

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

    e.stopPropagation()

    console.log($(this))

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

})