javascript - 从表格单元格内的输入标记获取值

Question

我有一个小问题:我想逐行获取我选择的单元格值的一个表值。我使用 for 循环来选择每一行。For 循环是正确的，但我在警报中看不到任何内容。

我的 table 是

<div style="overflow-x:auto;">
    <table id="abctable" class="display nowrap" cellspacing="0" border="0">
        <thead>
            <th width="15%">Registered Agents</th>
        </thead>                                                                  
        <c:forEach items="${Agentsdetail}" var="Agent">
        <tr>                                                        
            <td><input type="text" id="a" value="${Agent.vatNumber}"></td>
        </tr>
        </c:forEach>
    </table>
</div>

我想选择每行的此表格单元格值来发出警报。我使用这个 jQuery 代码:

<script>
    $(document).ready(function () {
        var table = document.getElementById("abctable");
        var rowCount = table.rows.length;

        for (i = 1; i <= rowCount; i++) {
            alert($('#userstable tr:eq(1) td:eq(0)').val());
        }
    });
</script>

行计数成功，并且当运行程序时，它在警报中不返回任何内容。请帮助我

Answer 1

正如MartinWebb所说，表id是“usertable”而不是“abctable”

而且您要查找的值位于输入，而不是表格单元格 (td)，因此您的选择器不完整。

$(document).ready(function() {
  var table = document.getElementById("userstable");
  var rowCount = table.rows.length;

  for (i = 1; i <= rowCount; i++) {
    alert($('#userstable tr:eq(1) td:eq(0) input').val());
  }
});