jq动态添加div 并绑定点击事件

.item {cursor: pointer;margin-bottom: 20px;display: block;}

方法一、

init()function init() {$(".box").empty();var divHtml = ""for (var i = 0; i < 3; i++) {divHtml += "<div class='item' >锄禾日当午" + i +"</div>";}$(".box").append(divHtml)}$(".box").on('click', '.item', function() {console.log($(this).text())});

方法二、

<div class="box">点击</div><script>init()function init() {$(".box").empty();var divHtml = ""for (var i = 0; i < 3; i++) {divHtml += "<div data-event='openClick' class='item' >锄禾日当午" + i +"</div>";}$(".box").append(divHtml)$("box").children().bind("click", funClick());}function funClick() {$('[data-event=openClick]').unbind()$('[data-event=openClick]').click(function() {var Text = $(this).text()console.log(Text)})}</script>