【问题标题】:How can I query select all inputs from table column如何查询从表列中选择所有输入
【发布时间】:2020-07-06 06:53:56
【问题描述】:

我正在尝试从表格中获取输入。该表只有 2 列,我如何从这些列中获取输入?我想为每列项目使用不同的 var 吗?我应该使用数组吗?这是我的桌子:

       <table id="resultTable" cellpadding="1" cellspacing="1" border="1">
            <tr>
                <th scope="col"></th>
                <th scope="col">Hoeveelheid</th>
                <th scope="col">Gewicht x KG</th>
            </tr>
            <tr>
                <td>1</td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
            </tr>
            <tr>
                <td>2</td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
            </tr>
            <tr>
                <td>3</td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
                <td><INPUT TYPE="NUMBER" MIN="0" MAX="10" STEP="1" ></td>
            </tr>
        </table>

解决此问题的最佳方法是什么?我尝试按标签名称选择。

【问题讨论】:

  • 请向我们展示您的尝试。如果你谷歌一下,还有很多例子
  • 可能是因为你输入的标签是大写的?
  • @MarekSzkudelski 的情况对于 html 源代码并不重要,就标签而言
  • 您的输入需要一个类似name="data[col1][]"的名称
  • @justrusty 为什么?

标签: javascript jquery html jquery-selectors


【解决方案1】:

这里是 jQuery 的一个快速的:

将tableid替换为你的表的id

var col1_Array = $('#tableid td:nth-child(1)').map(function(){
   return $(this).text();
}).get()​;

var col2_Array = $('#tableid td:nth-child(2)').map(function(){
   return $(this).text();
}).get()​;

【讨论】:

  • 返回第二列的第一列吗?你到底做了什么?
  • 这是一个模板 - 用你的真实 ID 替换 tableId 并通过 console.debug 尝试你得到的 - 很抱歉没有为你做所有的工作
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-08-21
  • 1970-01-01
  • 2020-05-06
  • 2018-04-23
  • 2020-05-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多