js绑定事件，不生效。

Question

<div id="wai">

    <div id="nei">

        <img>

    </div>

</div>

给img绑定事件，然后点击时候不生效。

但是如果把nei这一层去了，可以生效。

应该就是如何给子孙元素绑定点击事件，并且让生效吧。。

项目遇到的不太确定是不是这个。。姑且一问。谢谢各位大佬！

    var html="",arrrr=[];

    for(var x=0;x<$("#xiangmutu img").length;x++){

        if((x+1)%9==1){

            html+="<div class='huadong' style='left:"+(x/9)*100+"%'>"

        }

        html+=$("#xiangmutu img")[x].outerHTML;

        if((x+1)%9==0){

            html+="</div>"

        }

    }

    $("#xiangmutu").html(html)

这是给外层加的滑动div，里面是img，最外面是xiangmutu。

$("#xiangmutu").find("img").each(function(index,obj){

    $(obj).on("click",function(){

        console.log(index)

    })

})

这是js的 我想点击图片放大。但是图片下标获取不到。因为要获取下标，所以只能给img绑定把。。我小白。。但是给img绑定又没反应。。所以。

Answer 1

简单的话就用事件委托处理$("#xiangmutu").on("click", "img",function(e){&nbsp; &nbsp; e.preventDefault();&nbsp; &nbsp; //这里的this就是img元素了&nbsp; &nbsp; // do something with this})但是对于第一段的js的作用有点。。懵逼？大概是把里面图片按照9个一组放进一个div里面？