Javascript 如何链接到当前锚

我正在构建一个充满JSON数据的动态表。我想让这个表中的一些单元格可以点击，但是当我点击单元格并试图提醒它时，我会提醒整个列。我怎样才能修好它

代码如下：

    function onLoad(){
        var url='example.js';
        $.getJSON(url, function(json){
            var table = $("#table" );


            var c=0;
            for( var i=0; i<json.length;i++){
                var tr = $('<tr>');
                var td = $('<td>');
                td.html(json[i].name);
                tr.append(td);
                td = $('<td> ');
                td.html(json[i].category);
                tr.append(td);
                td = $('<td>');
                td.html(json[i].amount);
                tr.append(td);
                td = $('<td>');

                td.html('<a>               '+json[i].location);

                tr.append(td);
                td = $('<td>');
                td.html(json[i].date);
                tr.append(td);

                table.append(tr);
                $("a").attr("href","#");
            }

            $('body').append(table);
        });
    }

$("#table").on('click',function(e){
   e.preventDefault();
   alert($(this).children().children().children().children().text())
}); 

函数onLoad（）{
var url='example.js'；
$.getJSON（url，函数（json）{
var表=$（“#表”）；
var c=0；
对于（var i=0；i您可以使用：

$("#table").on('click', 'td', function(e){
    e.preventDefault();
    alert($(this).text())
});