获取表格中输入字段的所有名称

Question

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

Answer 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" >

0试试

Answer 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">

Answer 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