如何從表格單元獲取價值

Question

我正在嘗試獲取表的每一行的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);

 });

Answer 1

嘗試：

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

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

    window.alert(etaDateValue);

});

您在代碼中所做的工作是遍歷稱為#table_body_Ops的所有表主體的每個實例-嗯，只有一個。

您想要做的是遍歷該表主體的所有表行，因此在.each函數中指定tr ，因此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.