如何将多个textarea元素中的所有文本转换为数组？

Question

我的页面上有3个textarea个元素，未来可能会超过3个。

我想从这些textarea字段中获取所有文字。

如果我在Chrome控制台中执行$('textarea').val();，它只会返回第一个textarea的文字。

如何获取数组中所有元素的文本？

Answer 1

jQuery getters只返回第一个匹配元素的值，你应该遍历集合，你可以使用.map()方法迭代场景后面的集合并返回一个jQuery包装的数组，通过调用{{ 1}}方法你可以得到实际的数组。

.get()

正如Pointy正确提到的那样，要将数组转换为字符串，您可以使用.join()方法。

var arr = $('textarea').map(function() {
     return $.trim(this.value);
}).get();

Answer 2

(function () {
    var arr = [];
    $('textarea').each(function () {
        arr.push(this.value);
    });
} ());