从动态表中获取每个单元格的值

本文关键字:单元格 获取 动态 | 更新日期: 2023-09-27 18:19:11

我创建了一个像这样的动态表

<table id="sort" class="table">
                <thead>
                    <tr>
                        <th>Nazwa kolumny z BD*</th>
                        <th>Długość rekordu*</th>
                        <th>Nazwa kolumny wyświetlana</th>
                        <th>Format*</th>
                    </tr>
                </thead>
                <tbody id="tblsort">
                    @for (var i = 0; i < Model.listOfFormats(Model.field.TemplateName).ColumnNamesDB.Count; i++)
                    {
                        <tr>
                            <td>@Html.TextBoxFor(m => Model.listOfFormats(Model.field.TemplateName).ColumnNamesDB[i], new { @class = "form-control", })</td>
                            <td>@Html.TextBoxFor(m => Model.listOfFormats(Model.field.TemplateName).LengthColumns[i], new { @class = "form-control" })</td>
                            <td>@Html.TextBoxFor(m => Model.listOfFormats(Model.field.TemplateName).ColumnNamesUser[i], new { @class = "form-control" })</td>
                            <td>@Html.DropDownListFor(m => Model.listOfFormats(Model.field.TemplateName).Formats[i], new SelectList(Model.formatFieldValues, "Value", "Text"), Model.listOfFormats(Model.field.TemplateName).Formats[i], new { @class = "form-control" })</td>
                        </tr>
                    }
                </tbody>
            </table>

如何从这个表中的每个单元格中获取值?谢谢你的帮助!

编辑:

我的意思是每个单元格数据。

我试了你的方法,但都没用

这里是我的。html,它是由浏览器生成的

<tbody id="tblsort">
                        <tr>
                            <td name="cos"><input class="form-control" id="ColumnNamesDB_0_" name="ColumnNamesDB[0]" type="text" value="zzzz" /></td>
                            <td><input class="form-control" id="LengthColumns_0_" name="LengthColumns[0]" type="text" value="111" /></td>
                            <td><input class="form-control" id="ColumnNamesUser_0_" name="ColumnNamesUser[0]" type="text" value="zzzzz" /></td>
                            <td><select class="form-control" id="Formats_0_" name="Formats[0]"><option value=""></option>
<option value="DD-MM-YYY">DD-MM-YYY</option>
<option value="DDMMYYY">DDMMYYY</option>
<option value="NRB">NRB</option>
</select></td>
                            </tr>
                    </tbody>

当我运行这段代码时:

 var value = $("#ColumnNamesDB[0]").attr('value');
    var bla = $('.ColumnNamesDB_0_').val();
    alert(bla);
    alert(value);

我得到"未定义"。什么错了吗?

从动态表中获取每个单元格的值

我不知道你说的"value"是什么意思,但是你可以使用jQuery each()遍历每个<td>

$(function() {
  var myArray = [];
  $('#tblsort td input').each(function() {
    var input = $(this),
      value = input.attr('value');
    myArray.push(value);
  });
  console.log(myArray);
});

如果你的意思是你想要抓取所有单元格的数据。因此,您必须为每个单元格提供"name"属性,并使用名称抓取所有数据。

<td name="example[]"></td>

你可以使用你想要的语言(Jquery或PHP)..