當我將點擊TD GET TD文本jQuery的

Question

動態我是使用JavaScript創建表，但我堅持，當我將點擊表格TD，得到jQuery的動態TD文本值，而不使用循環/每

function table_form(day, month, year) { 
 
    var tr = ''; 
 
    var table = '<table id="tbl" border="1px"><thead><tr><th><</th><th>Mar</th><th>></th><th></th><th><</th><th>2016</th><th>></th></tr><tr><th>Sun</th><th>Mon</th><th>Tue</th><th>Wed</th><th>Thu</th><th>Fri</th><th>Sat</th></tr></thead>'; 
 
    //~ dynamic_date_form(2,2016); 
 
    var tr_inc = 0; 
 
    for (var i = 0; i < 5; i++) { 
 
    tr += '<tr>'; 
 
    for (var j = 0; j < 7; j++) { 
 
     tr_inc++; 
 
     tr += '<td id="id_' + tr_inc + '">' + tr_inc + ''; 
 
    } 
 
    } 
 
    tr += '</tr>'; 
 
    tr_inc++; 
 
    return table += tr; 
 
} 
 

 
$(document).ready(function() { 
 
    $("#date_id").one("click", function() { 
 
    this.insertAdjacentHTML("afterEnd", "<div id='lbl_date'></div>"); 
 
    $('#lbl_date').html(table_form(1, 1, 1)); 
 
    }); 
 
    
 
    $('#tbl').click(function() { 
 
    alert($(this).text()); 
 
    }); 
 
});

#lbl_date{ 
 
    position: absolute; 
 
    background-color:#FFAA41; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
<input type="text" id="date_id" class="date" /> 
 
<label for="lbl_date">date</label>

Answer 1

你需要event delegation像下面的動態生成的元素。

$(document).on('click', '#tbl td',function(){ 
    alert($(this).text()); 
});