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

    e.preventDefault();

    //这里的this就是img元素了

    // do something with this

})

但是对于第一段的js的作用有点。。懵逼？大概是把里面图片按照9个一组放进一个div里面？