返回每个中First的值数组

Question

我正在尝试为表格的<td>内的每个<tr>的第一个<tbody>返回一个值数组。

此处演示（尝试，不工作）http://jsfiddle.net/vJqeT/1/

我的JS代码：

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

我的演示中的预期结果是：

  

[A，1]

Answer 1

定位所有TR，然后是所有作为TR的第一个孩子的TD，然后得到修剪过的文本：

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

FIDDLE

Answer 2

一些事情（fiddle）：

1. 您已定位tr:first，因此会忽略所有后续行。
2. 您应该定位单元格而不是行。
3. jQuery的:first选择器很容易与:first-child混淆。不幸的是，:first只返回一个项目。请改用:first-child。
   如果您希望在同一行中混合td / th，请
   • 或:first-of-type。
4. 调用toArray()，以便获得一个普通数组。

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

console.log(newArray);