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>");
    }
};

我尝试了这个，但它不起作用，它正在给予＆＃34; undefined＆＃34;。

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”。对象不是来自该对象的值，因此您可以使用以下来解决查询。由于动态添加数据，我正在使用而不是直接点击功能。

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

Answer 2

您可以使用$(this).text()来获取表格单元格中的数据。 This is a link.

单击它时如何在html表格单元格中获取数据？

2 个答案: