Преобразование нескольких текстовых полей в LI в неупорядоченном списке

Question

У меня есть неизвестное количество текстовых полей. Для обработки данных, введенных пользователем, мне нужно преобразовать их содержимое в элементы списка.

Использование JavaScript и/или JQuery, как я могу преобразовать это:

<textarea>content 1</textarea> 
<textarea>content 2</textarea> 
<textarea>content 3</textarea> 

Для этого:

<ul> 
    <li>content 1</li> 
    <li>content 2</li> 
    <li>content 3</li> 
</ul> 

мне нужно Asign получившийся UL к переменной, которая отправляется на AJAX оказание услуг.

Edit - до сих пор я пытался:

var visibleTextareas = $('textarea:visible'); 

var listItems = visibleTextareas.replaceWith(function() { 
    return $('<li>' + $(this).val() + '</li>'); 
}); 

var text = '<ul>' + listItems + '</ul>'; 
console.log(text); 

Это приводит к <ul>[object Object]</ul> после входа в консоль и бэкенд отвечает, что он нуждается в UL.

Answer 1

попробовать что-то вроде этого:

var output = '<ul>'; 

$('textarea').each(function(){ 
    output += '<li>' + $(this).val() + '</li>'; 
}); 

output += '</ul>'; 

ли эту работу для вас?

EDIT:.val() более подходит в этом случае.

Answer 2

Отъезд jQuery API на .each(), второй пример должен помочь вам ..