Question

jquery获取到的数据生成列表之后无法获取其元素

function bind() {
$.ajax({ type: 'GET', url: "jquery.ashx", success: function (date) {
var json = eval(date); var htm = "";
for (var i = 0; i < json.length; i++) {
htm += "<ul class='ul' id='li_id'><li class='left' >" + json[i].id + "</li><li class='right'>" + json[i].title + "</li></ul>";} $("#div").html(htm);}});}
$(function () {
bind();
$("#div").children(".left").click(function () { alert(111); });//这两句话都不执行
$(".left").click(function () { alert(111); }); //这两句话都不执行
});这是代码这是效果图，现在想点击某一个元素，就获取其元素值。

如何用类似
$("#div").children(".left").click(function () { alert(111); });//这两句话都不执行
$(".left").click(function () { alert(111); }); //这两句话都不执行
这样的方法实现，求高人指点！！！

Answer 1

用live绑定click事件即可，live适合用脚本创建的新元素，
获取元素值：

$(".left").live('click',
function(){
alert($(this).html());
});

Answer 2

看下HTML部分的代码，不然我也下不了结论