获取表格内所有输入字段的名称答案

【问题标题】：Get all the names of input fields inside a table获取表格内所有输入字段的名称
【发布时间】：2017-04-27 06:06:09
【问题描述】：

我有 100 个输入类型的文本，它们被放置在一个表格中。他们没有 id 属性。但它们具有唯一的名称属性。我想找到所有文本框的名称并保存在一个数组中，以便我可以进一步使用它们。任何帮助，将不胜感激。

【问题讨论】：

你有没有尝试过？
我投票结束这个问题，因为这个问题没有任何努力的迹象
How to get name of input + Looping through all inputs 应该可以解决问题

【解决方案1】：

尝试使用 Array#each 和 attr('name') 使用 jquery 和 text 匹配仅使用 input:text

var a=[];
$('input:text').each(function(){
a.push($(this).attr('name'))
})
console.log(a)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="one" ><input type="text" name="two" ><input type="text" name="three" ><input type="text" name="four" ><input type="text" name="five" ><input type="text" name="six" >

【讨论】：

我们真的应该回答这些不费吹灰之力的问题吗？
如果表中的输入不止这 100 个，OP 应该更好地使用 $(":text")

【解决方案2】：

循环 inputs 并使用 .each() 函数遍历每个项目，然后通过 .prop() 函数获取名称。

var names = [];

$('input').each((k,v) => names.push($(v).prop('name')));

console.log(names);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input name="a">
<input name="b">
<input name="c">
<input name="d">

【讨论】：

我们真的应该回答这些不费吹灰之力的问题吗？
@Rajesh 这是一个难题。这取决于问题的内容。
可能很难，但您仍然必须分享一些东西。即使是谷歌搜索链接也会有所帮助。但这只是一个愿望，而不是问题。此外，如果你打破你的问题，它变得简单

【解决方案3】：

使用此代码获取所有输入

html 文件：

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table>
<tr>
  <td><input name="input1" /></td>
  <td>test</td>
</tr>
<tr>
  <td><input name="input2" /></td>
  <td>test</td>
</tr>
<tr>
  <td><input name="input3" /></td>
  <td>test</td>
</tr>
</table>
<button id="button">
submit
</button>
<div id="result">
</div>

JS：

$(document).ready(function(){
  $('#button').click(function(){
  var data = []
    $('input').each(function() {
        data.push({
        "name": $(this).attr('name'),
        "value": $(this).val()
        })
    });
    console.log(data)
    $('#result').text(JSON.stringify(data))
  });
});

https://jsfiddle.net

【讨论】：