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

问题描述

问 题

外面一个总层，里面有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生效

解决方案

$("#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());
})

这篇关于javascript - js如何获取层里面的元素下标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！