返回First值的数组 <td> 每个 <tr> 的 <tbody>

Question

I am trying to return an array of values for the first <td> of every <tr> within <tbody> of my table.

A demo here (attempt, not working) http://jsfiddle.net/vJqeT/1/

My JS Code:

var newArray = $('#table1 tr:first td').map(function() {
    return $(this).html();
});

My expected result in my demo is:

[A, 1]

Answer 1

target all TR's, and then all TD's that are the first child of a TR, then get the trimmed text :

var newArray = $.map($('#table1 tr td:first-child'), function (el) {
    return $.trim( $(el).text() );
});

FIDDLE

Answer 2

A few things ( fiddle ):

1. You've targeted tr:first so any subsequent rows are ignored.
2. You should be targeting cells rather than rows .
3. jQuery's :first selector is easily confused with :first-child . Unfortunately, :first returns only one item. Use :first-child instead.
   • or :first-of-type if you're expecting mixed td / th within the same row.
4. Call toArray() so you get a plain array.

var newArray = $('#table1 ').map(function () {
    return $(this).html();
}).;

console.log(newArray);