jquery - 用jquery获取td的唯一数据

Question

我需要获取所选 td 项目的数据。在这种情况下，假设我想要每行中第二<td>项的数据。我尝试了一个简单的 Jquery 来获取 HTML，但它会得到相同的数据（即来自 first <tr>-> second<td>的数据。我如何从第二行和连续行获取数据。

编辑

我想在单击相应链接时获取数据（td 的文本）。

<table>
<tr>
  <td>1</td>
  <td class="name">First</td>
  <td>something else</td>
  <td><a class="link">Order</a></td>

</tr>
<tr>
  <td>2</td>
  <td class="name">second</td>
  <td>something else</td>
  <a class="link">Order</a>

</tr>
</table>

我使用的函数只会从第一个 td 中获取该类的数据。我想我需要使用类似的东西parent()。但我对Jquery知之甚少。

var itemName = $('td.itemname').html();

或者

var itemName = $('.itemname').html();

Answer 1

var tdValues = [];
$(".name").each(function () {
    tdValues.push($(this).text());
});

td现在您在变量中拥有了一个包含每个文本内容的数组tdValues。

如果你只想要第二行：

var tdValue = $("tr:eq(1) .name").text();

如果你想要第二行，

$("tr:gt(0) .name").each(...)

编辑：

$(".link").on('click', function () {
    var text = $(this).closest('tr').find('.name').text();
});

Answer 2

假设您希望它在单击链接时起作用，则：

$(function(){
  $("a.link").click(function() {
    var secondTd = $(this).parents("tr").find("td.name").first();
    alert(secondTd.html());
  });
});

Answer 3

像这样使用nth函数：

$('table tr td:nth-child(2)').text();

这将为您提供所有第二列的文本。该nth函数不是从零开始的。