jQuery给动态生成元素绑定事件-原创手记-慕课网

jQuery给动态生成元素绑定事件

小牛牛天天快乐 2017-10-10 17:15:03 浏览 2738

小牛牛天天快乐

关注TA

手记 15

粉丝 6

获赞 568

<!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>

相关标签: JQuery

2人推荐

发表评论