jQuery給動(dòng)態(tài)生成元素綁定事件

標(biāo)簽：

JQuery

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
    <style>
        .cloumn{width:200px; background:#dedede;}
    </style>
</head>
<body>
     <div id="jobsAll">

     </div>
    <script>
        for (var i=0;i<6;i++){
            var str = '<div class="job">'+
                '<div class="jobTitle">myJob'+i+'</div>'+
                '<div class="jobMsg">我是中国人我是中国人我是中国人我是中国人我是中国人我是中国人</div>'+
            '</div>'
            if(i%3){
                var oBox='<div class="cloumn">'+str+'</div>';
            }
            $("#jobsAll").append(str);
        }

        $("#jobsAll").on("click",".jobTitle",function(){
            alert($(this).html());
        })
    </script>
</body>
</html>

點(diǎn)擊查看更多內(nèi)容