Javascript 如何从表格单元格中获取值
我试图获取表中每一行的日期(ETA)值,并将其与今天的日期进行比较。这里的问题是,每当我试图获取显示为空白的单元格值时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:
<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.