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

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