javascript - 如何在单击 html 表格单元格时获取其中的数据？

Question

我创建了一个 html 表并动态填充它。因此，当我单击表格单元格内的数据时，我想提醒它。这是表格的代码

JSP

<table id="load-opt"></table>

我像这样动态填充里面的数据

var fillTable = function($element, data) {
    var t_head = $("<tr></tr>");
    for(var ind=0; ind<data.length; ind++) {
        //name is the name and desc is the description for each option
        var $option = $("<tr></tr>");
        $option.html("<td>"+name+"</td><td>"+desc+"</td>");
    }
};

我尝试了这个，但它不起作用，它给出了“未定义”。

var choice = $('table#load-opt tr td');
choice.click(function(){
    alert(choice); // also tried alerting choice.textContent, choice.innerHTML and choice.firstChild
});

Answer 1

您实际上是在尝试警告“td”对象，而不是该对象的值，因此您可以使用以下方法来解决查询。由于动态添加的数据，这里我使用 on 而不是直接单击功能。

var choice = $('table#load-opt tr td');
 choice.on('click', function(){
 alert($(this).text());
});