如何使用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&nbsp;tr').each(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;customerId&nbsp;=&nbsp;$(this).find(".customerIDCell").html();&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;});本质上，这与其他解决方案是一样的(可能是因为我复制粘贴了)，但它的优点是，如果您在列中移动，甚至不需要将客户ID放入一个<span>，只要您将class属性与它保持在一起。顺便说一句，我认为你可以在一个选择器中做到这一点：$('#mytable&nbsp;.customerIDCell').each(function()&nbsp;{ &nbsp;&nbsp;alert($(this).html());});如果这能让事情更简单的话。

Answer 2

$('#mytable&nbsp;tr').each(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;customerId&nbsp;=&nbsp;$(this).find("td:first").html();&nbsp;&nbsp;&nbsp;&nbsp;});您要做的是遍历表中的所有trs，在循环中的当前tr中找到第一个TD，并提取其内部html。若要选择特定单元格，可以使用索引引用它们：$('#mytable&nbsp;tr').each(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;customerId&nbsp;=&nbsp;$(this).find("td").eq(2).html();&nbsp;&nbsp;&nbsp;&nbsp;});在上面的代码中，我将检索第三排(索引基于零，因此第一个单元格索引为0)下面是在没有jQuery的情况下如何做到这一点：var&nbsp;table&nbsp;=&nbsp;document.getElementById('mytable'),&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;rows&nbsp;=&nbsp;table.getElementsByTagName('tr'), &nbsp;&nbsp;&nbsp;&nbsp;i,&nbsp;j,&nbsp;cells,&nbsp;customerId;for&nbsp;(i&nbsp;=&nbsp;0,&nbsp;j&nbsp;=&nbsp;rows.length;&nbsp;i&nbsp;<&nbsp;j;&nbsp;++i)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;cells&nbsp;=&nbsp;rows[i].getElementsByTagName('td'); &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(!cells.length)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;continue; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;customerId&nbsp;=&nbsp;cells[0].innerHTML;}

Answer 3

一种不那么直言不讳的方法：$('#mytable&nbsp;tr').each(function()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(!this.rowIndex)&nbsp;return;&nbsp;//&nbsp;skip&nbsp;first&nbsp;row &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;customerId&nbsp;=&nbsp;this.cells[0].innerHTML;});显然，这可以更改为与非第一单元格一起工作。