使用 jQuery 从 td 单元格中获取文本答案

【问题标题】：Getting text from td cells with jQuery使用 jQuery 从 td 单元格中获取文本
【发布时间】：2011-11-30 12:03:15
【问题描述】：

我在 jQuery 中有这段代码：

children('table').children('tbody').children('tr').children('td')

获取每一行的所有表格单元格。我的问题是：如何获取每行每个单元格中的文本值？

我应该使用.each() 循环遍历所有children('td') 吗？如何获取每个td 的文本值？

【问题讨论】：

【解决方案1】：

首先，您的选择器是多余的。我建议使用类或 ID 选择器，如下面的示例。更正选择器后，只需使用 jQuery 的 .each() 来遍历集合：

ID 选择器：

$('#mytable td').each(function() {
    var cellText = $(this).html();    
});

类选择器：

$('.myTableClass td').each(function() {
    var cellText = $(this).html();    
});

其他信息：

看看jQuery's selector docs。

【讨论】：

【解决方案2】：

您可以使用.map：http://jsfiddle.net/9ndcL/1/。

// array of text of each td

var texts = $("td").map(function() {
    return $(this).text();
});

【讨论】：

【解决方案3】：

我会给你的 tds 一个特定的类，例如data-cell，然后使用类似这样的东西：

$("td.data-cell").each(function () {
    // 'this' is now the raw td DOM element
    var txt = $(this).html();
});

【讨论】：

【解决方案4】：

$(document).ready(function() {
  $('td').on('click', function() {
    var value = $this.text();
  });
});

【讨论】：

【解决方案5】：

$(".field-group_name").each(function() {
        console.log($(this).text());
    });

【讨论】：