将具有相同类名的表单输入字段放入数组中

时间:2015-12-14 13:14:23

标签: javascript jquery

所以我有一些像这样的字段:

[1] [2] [3] with attributes: name=item1,item2,item3 and class = item

我想要做的是将所有三个字段都放入一个数组中:

这样:

array = [1,2,3];

有没有办法使用唯一的class属性执行此操作:" item" ?

3 个答案:

答案 0 :(得分:2)

您可以使用Array.map()方法从属性中返回数组:

var items = $('.item').attr('name').split(','), // convert to array
  arr = [].map.call(items, function(value) { // use 
    return +value.match(/\d/)[0]; // return the number value from the array "items"
  });

$('pre').html(JSON.stringify(arr));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p name='item1,item2,item3' class='item'>item</p>
<pre></pre>

答案 1 :(得分:1)

获取项目并循环浏览它们。将每一个添加到列表中。

var items = [];
$('.item').each(function(index, value){
  //where value is an input
  items.push(value);
});

答案 2 :(得分:1)

尝试此$(".items").toArray()以获得相同的结果,可能是有效的结果。