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>