Question

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

Answer 1

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

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

＆＃13;

var names = [];

$('input').each((k,v) => names.push($(v).prop('name')));

console.log(names);

＆＃13;

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

＆＃13;

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

获取表

3 个答案: