Question

我正在构建一个充满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())
});

Answer 1

您可以使用：

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

如何链接到当前锚点

1 个答案: