返回 <tbody> 的每个 <tr> 中第一个 <td> 的值数组

Return an Array of values of First <td> in Each <tr> of <tbody>

本文关键字：第一个 td 数组 tbody 返回 tr      更新时间：2023-09-26

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

这里的演示（尝试，不起作用）http://jsfiddle.net/vJqeT/1/

我的JS代码：

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

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

[一、1]

定位所有TR，然后定位作为TR的第一个子级的所有TD，然后获取修剪后的文本：

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

小提琴

几件事（小提琴）：

  1. 您已定位tr:first因此忽略任何后续行。
  2. 您应该以单元格而不是行为目标。
  3. jQuery的:first选择器很容易与:first-child混淆。不幸的是，:first只返回一个项目。请改用:first-child。
    • 或者:first-of-type，如果您预计在同一行中混合td/th。
  4. 调用toArray()，以便获得一个普通数组。
var newArray = $('#table1 td:first-child span').map(function () {
    return $(this).html();
}).toArray();
console.log(newArray);
相关文章：