从具有相同类的字段中获取值,添加到数组

Question

所以我有一个动态的文本框列表,它们具有相同的类,如下所示:

<input type="text" id="value1" class="list-value" />
<input type="text" id="value2" class="list-value" />
<input type="text" id="value3" class="list-value" />
<input type="text" id="value4" class="list-value" />

因此,当单击链接时,我需要将所有这些文本框中的值加载到数组中:

$('a#link').click(function() {
    //add to array here
});

我怎样才能做到这一点？

Answer 1

你可以这样做:

var values = $('.list-value').map(function() { return this.value; }).get();

".map()"方法将遍历像".each()"这样的元素列表,但它会获取返回值并累积数组.最后的".get()"是获取"原始"数组而不是jQuery对象(数组周围的包装器)所必需的,但这并不总是必要的; 这取决于你想对结果做什么.