jquery - 如何使用 JQuery 获取 html 表格单元格文本值？

Question

当使用以下内容单击该行时，我设法连续获取一组单元格：

$('.NamesGridClass tbody tr').bind('click', function() {
    var ch = $(this).children();
    alert(ch[0] + ' ' + ch[1]);
});

上面的选择片段成功显示：

[对象 HTMLTableCellElement] [对象 HTMLTableCellElement]

我试过ch[0].html(), ch[0].val(),ch[0].text()并得到错误。如何在这里获取我的单元格的内容？

Answer 1

请使用本机代码

ch[0].innerHTML

Answer 2

为了使用.html()，您需要将这些对象转换为 jQuery 对象：

$(ch[0]).html()

这同样适用于您希望应用的任何其他有效的 jQuery 方法。

Answer 3

当您访问从 jQuery 获得的数组中的项目时，您会得到普通的旧 javascript 元素，而不是 jquery 元素。您可以使用 javascript .innerHTML 或使用 jquery 选择器将值双重包装。我建议使用 .innerHTML 因为它更简单，所以

$('.NamesGridClass tbody tr').bind('click', function() {
        var ch = $(this).children();
        alert(ch[0].innerHTML + ' ' + ch[1].innerHTML);
    });