如何使用jQuery获取表单元格值？

Question

如何使用jQuery获取表单元格值？我正在尝试如何使用jQuery为每行获取表单元格的值。我的桌子是这样的：<table id="mytable">   <tr>     <th>Customer Id</th>     <th>Result</th>   </tr>   <tr>     <td>123</td>     <td></td>   </tr>   <tr>     <td>456</td>     <td></td>   </tr>   <tr>     <td>789</td>     <td></td>   </tr></table>基本上，我希望遍历该表，并获得Customer Id每一行的列。在下面的代码中，我已经计算出我需要这样做才能让它在每一行中循环，但是我不知道如何获得行中第一个单元格的值。$('#mytable tr').each(function() {     var cutomerId = }

Answer 1

如果可以，可能值得在TD上使用一个包含客户ID的class属性，这样您就可以编写：

$('#mytable tr').each(function() {
    var customerId = $(this).find(".customerIDCell").html();    
 });

本质上，这与其他解决方案是一样的(可能是因为我复制粘贴了)，但它的优点是，如果您在列中移动，甚至不需要将客户ID放入一个<span>，只要您将class属性与它保持在一起。

顺便说一句，我认为你可以在一个选择器中做到这一点：

$('#mytable .customerIDCell').each(function() {
  alert($(this).html());});

如果这能让事情更简单的话。

Answer 2

$('#mytable tr').each(function() {
    var customerId = $(this).find("td:first").html();    });

您要做的是遍历表中的所有trs，在循环中的当前tr中找到第一个TD，并提取其内部html。

若要选择特定单元格，可以使用索引引用它们：

$('#mytable tr').each(function() {
    var customerId = $(this).find("td").eq(2).html();    });

在上面的代码中，我将检索第三排(索引基于零，因此第一个单元格索引为0)

---

下面是在没有jQuery的情况下如何做到这一点：

var table = document.getElementById('mytable'), 
    rows = table.getElementsByTagName('tr'),
    i, j, cells, customerId;for (i = 0, j = rows.length; i < j; ++i) {
    cells = rows[i].getElementsByTagName('td');
    if (!cells.length) {
        continue;
    }
    customerId = cells[0].innerHTML;}

Answer 3

一种不那么直言不讳的方法：

$('#mytable tr').each(function() {
    if (!this.rowIndex) return; // skip first row
    var customerId = this.cells[0].innerHTML;});

显然，这可以更改为与非第一单元格一起工作。