如何將多個textarea元素中的所有文本放入數組中？

Question

我的頁面上有3個textarea元素，將來可能會超過3個。

我想從這些textarea字段中獲取所有文本。

如果我做$('textarea').val(); 在chrome控制台中，它僅返回第一個textarea的文本。

如何獲取數組中所有元素的文本？

Answer 1

jQuery getter僅返回第一個匹配元素的值，您應該遍歷集合，可以使用.map()方法在幕后遍歷集合並返回jQuery包裝的數組，方法是調用.get()方法可以得到實際的數組。

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

正如Pointy正確提到的，要將數組轉換為字符串，可以使用.join()方法。

var str = arr.join(); 

Answer 2

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