jQuery给动态生成元素绑定事件@慕课网原创_慕课网

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="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>