为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

一只萌萌小番薯 2019-08-03 07:03:19
如何使用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 = }
查看完整描述

3 回答

?
小唯快跑啊

TA贡献1863条经验 获得超2个赞

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

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

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

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

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

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




查看完整回答
反对 回复 2019-08-05
?
POPMUISE

TA贡献1765条经验 获得超5个赞

$('#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;}



查看完整回答
反对 回复 2019-08-05
?
回首忆惘然

TA贡献1847条经验 获得超11个赞

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

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

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


查看完整回答
反对 回复 2019-08-05
  • 3 回答
  • 0 关注
  • 293 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信