使用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的选择器文档.

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一个特定的类,例如数据单元,然后使用这样的东西:

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