정렬되지 않은 목록에서 여러 Textareas를 LI로 변환

Question

알 수없는 텍스트 영역이 있습니다. 사용자가 입력 한 데이터를 처리하려면 해당 내용을 목록 요소로 변환해야합니다.

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

는 내가 AJAX로 전송 변수에 결과 UL을 asign해야합니다 이것에

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

:이 변환 할 수있는 방법을 자바 스크립트 및/또는 jQuery를 사용

, 서비스.

편집 - 지금까지 내가 시도 :

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>'; 

당신을 위해 그 일을합니까?

편집 :.val()이이 경우에 더 적합합니다.

Answer 2

체크 아웃 .each()에 jQuery API를, 두 번째 예는