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

Question

我在jQuery中有这个代码：

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

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

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

Answer 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。

Answer 2

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

// array of text of each td

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

Answer 3

我会给你的tds一个特定的课程，例如 data-cell ，然后使用以下内容：

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

Answer 4

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

Answer 5

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