Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从表格单元格中获取值_Javascript_Jquery_Html Table - Fatal编程技术网

Javascript 如何从表格单元格中获取值

Javascript 如何从表格单元格中获取值,javascript,jquery,html-table,Javascript,Jquery,Html Table,我试图获取表中每一行的日期(ETA)值,并将其与今天的日期进行比较。这里的问题是,每当我试图获取显示为空白的单元格值时 <div class="tableDiv" align="left"> <table id="example" class="display" align="center"> <thead> <tr style="color: #D2002E; background:

我试图获取表中每一行的日期(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>
尝试:

您在代码中所做的是在所有名为
#table_body_Ops
的表体的每个实例中循环-嗯,只有一个

您要做的是循环遍历该表体的所有表行,因此在
中指定
tr
。每个
函数都将循环遍历所有这些表行(而不是表体)

然后,在
.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.

尝试过,但窗口警报没有出现。请使用
console.log()
尝试,但日志中没有显示任何差异。让我们检查错误是否出现在上述代码中,或者其他代码中。注释掉代码并替换为警报或console.log-我将更新我的答案以向您展示我的意思。回答更新-请检查。
警报(“一切正常”)在重新加载页面时显示正常,这可能是该例程异常终止的原因——如果它只是在
文档上运行。ready
(无需按下按钮或其他操作触发),则
上的行数为零。每个(
)。。。什么事件触发要添加到表中的行?这就是你应该放例程的地方。当你从DB中获取值时,你可以在显示之前将其存储在数组中,而不是从DOM中获取值。我不是从数据库中获取值,而是从表单元格中获取值,已经从数据库中接收到的每列和每行的值是否在appen?之后获取值。我的意思是,如果您从firebase获取数据,可能是通过AJAX调用使它们异步,而获取数据的代码不在回调中。显然,我是在表从firebase获得任何行值之前执行代码的
$('#table_body_Ops').each(function() {

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

    window.alert(etaDateValue);

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

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

    window.alert(etaDateValue);

});
/*
$('#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.