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

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 对象(数组的包装器)所必需的，但这并不总是必要的；这取决于你想对结果做什么。