Html 无法获取表单元格值

Html 无法获取表单元格值,html,dynamic,html-table,cell,Html,Dynamic,Html Table,Cell,我想在单击按钮时将一行数据添加到表的末尾。一、 但是,在我在底部添加任何新行之前,我希望检查最后一行是否有不完整的条目,这样我就不会提交空行或无效数据 到目前为止,所有使用innerHtml、innerText等获取给定单元格值的尝试都失败了。我甚至尝试改变单元格的颜色,以确认我指的是正确的单元格对象。我已经检查了这个论坛和其他网站,但找不到如何获得细胞的内容 <table id="tblTimePlaces" class="table" cellpadding="0" cellspac

我想在单击按钮时将一行数据添加到表的末尾。一、 但是,在我在底部添加任何新行之前,我希望检查最后一行是否有不完整的条目,这样我就不会提交空行或无效数据

到目前为止,所有使用innerHtml、innerText等获取给定单元格值的尝试都失败了。我甚至尝试改变单元格的颜色,以确认我指的是正确的单元格对象。我已经检查了这个论坛和其他网站,但找不到如何获得细胞的内容

 <table id="tblTimePlaces" class="table" cellpadding="0" cellspacing="0">
  <thead>
    <tr>
      <th style="width:150px">Date</th>
      <th style="width:150px">Location</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    @foreach (TimesPlacesViewModel timeplace in Model.TimesPlaces)
    {
      <tr>
        <td>@timeplace.IncidentDate</td>
        <td>@timeplace.IncidentLocation</td>
        <td><input type="button" value="Remove" onclick="RemoveTP(this)" /></td>
      </tr>
    }
  </tbody>
  <tfoot>
    <tr>
      <td><input type="date" class="form-control" id="inDt"></td>
      <td><input type="text" class="form-control" maxlength="25" id="inPl" /></td>
      <td><input type="button" id="btnAddTimePlace" value="Add" /></td>
    </tr>
  </tfoot>
</table>

日期
位置
@foreach(timeplacesviewmodel Model timeplace在Model.timeplaces中)
{
@时间地点附带日期
@时间地点偶然地点
}
开始我的btnAddTimePlace onClick函数

$('#btnAddTimePlace').click(function () {
var table = $("#tblTimePlaces")[0];
var lastRow = table.rows[table.rows.length - 1];

for( i = 0; i < lastRow.cells.length -1; i++) {
  cell = lastRow.cells[i];
  cell.style.color='blue';
    alert(cell.innerText);
} .......
$('btnAddTimePlace')。单击(函数(){
var表=$(“#tblTimePlaces”)[0];
var lastRow=table.rows[table.rows.length-1];
对于(i=0;i

我想实现的是,在插入另一行之前,应该检查最后一行的日期和位置列是否有有效条目。如果其中任何一列为空或无效(我可以对每一列的验证方面进行排序),我将发出一个返回false,而不继续插入。

您可以尝试获取这样的输入值

<script>
    $('#btnAddTimePlace').click(function () {
        var table = $("#tblTimePlaces")[0];
        var lastRow = table.rows[table.rows.length - 1];
        var inputs = $(lastRow).find("input").not("input[type=button]");
        for( i = 0; i < inputs.length; i++) {
            var v = $(inputs[i]).val(); // this is value of input
            alert(v);
        }
    });
</script>

$('#btnAddTimePlace')。单击(函数(){
var表=$(“#tblTimePlaces”)[0];
var lastRow=table.rows[table.rows.length-1];
变量输入=$(lastRow).find(“输入”).not(“输入[type=button]”;
对于(i=0;i
您可以使用香草JavaScript(纯JavaScript)轻松实现,如下所示:

var table = document.getElementById('tblTimePlaces');
var lastRow = [].slice.call(table.rows).pop(); 
/* to get last row (converting HTMLCollection to array and getting last 
   element of array with pop() function )*/


for(var i=0; i < lastRow.children.length; i++) {
    var textPut = lastRow.children[i].firstChild;
    textPut.style.color='blue';
}
var table=document.getElementById('tblTimePlaces');
var lastRow=[].slice.call(table.rows.pop();
/*获取最后一行(将HTMLCollection转换为数组并获取最后一行)
带有pop()函数的数组元素)*/
for(var i=0;i