如何从表格单元获取价值

时间:2019-06-13 18:26:09

标签: javascript jquery html-table

我试图获取表中每一行的date(ETA)值并将其与今天的日期进行比较,这里的问题是每当我尝试获取显示为空白的单元格值时

<div class="tableDiv" align="left">

         <table id="example" class="display" align="center">
           <thead>
             <tr style="color: #D2002E; background: #FFCC01;">
               <td>Date</td>
               <td>RR</td>
               <td>Origin</td>
               <td>Destination</td>
               <td>CNEE</td>
               <td>Status</td>
               <td>PUDate</td>
               <td>HAWB</td>
               <td>Pieces</td>
               <td>Weight</td>
               <td>ETA</td>
               <td>AWB</td>
               <td>Billed</td>
               <td>Details</td>
             </tr>
           </thead>
           <tbody id="table_body_Ops">
           </tbody>
         </table>
       </div>

在这里我从数据库(firebase)获取每一行的值


  $("#table_body_Ops").append("<tr><td>" + ConfirmedDateValue +
      "</td><td class=\"valueRRField\">" + RRValue +
      "</td><td>" + OrgValue +
      "</td><td>" + DestValue + "</td><td>" + CustNameValue + "</td><td>" + ShipmentStatusValue + "</td><td>" + PUDateValue +
      "</td><td>" + HAWBValue + "</td><td>" + PiecesValue + "</td><td>" + WeightValue + "</td><td class=\"getETA\" >" + ETAValue +
      "</td><td>" + AWBValue + "</td><td>" + BilledValue + "</td><td><Button class=\"lisnClickOps\">" + "Expand" + "</Button></td></tr>");

在这里我试图获取ETA单元格值的值,以便稍后将其与今天的日期进行比较,但是我所得到的只是空白

$('#table_body_Ops').each(function() {

    var etaDateValue = $(this).closest("tr").find(".getETA").text();

    window.alert(etaDateValue);

 });

1 个答案:

答案 0 :(得分:2)

尝试:

$('#table_body_Ops tr').each(function() {

    var etaDateValue = $(this).find(".getETA").text();

    window.alert(etaDateValue);

});

您在代码中所做的工作是遍历称为#table_body_Ops的所有表主体的每个实例-嗯,只有一个。

您要执行的操作是遍历该表主体的所有表行,因此请在tr函数中指定.each,以便js遍历所有这些表行(而不是表主体)

然后,在.each()内部,$(this)将引用每个表格行-然后从那里搜索所需的单元格。

更新:

测试:像这样修改您的代码:

/*
$('#table_body_Ops tr').each(function() {

    var etaDateValue = $(this).find(".getETA").text();

    window.alert(etaDateValue);

});
*/
alert('All is well'); //If this alert does not display, problem is elsewhere in your code.