모든 동적으로 추가 된 텍스트 영역 값을 하나의 텍스트 영역에 결합합니다.

Question

http://jsbin.com/bakijodu/1/edit

실험용 웹 디자인 앱을 만들고 있습니다. 나는 최근에 이전에 추가 된 CSS 선택기를 조작하는 방법을 구현하기로 결정했습니다. 나는 보통 내 아이디어를 위해 작은 데모를 만든다. 그렇게하면 완성 된 앱에 더 쉽게 추가 할 수있을 것이다. 그러나 나는 최근의 문제를 보았다.

선택기를 가져 와서 데이터를 조작 할 수 있지만 동적으로 추가 된 모든 텍스트 영역을 하나의 텍스트 영역으로 결합/결합하여 전체 코드를 결합 할 때 이것은 내가 붙어있는 부분입니다. 첫 번째 텍스트 영역의 값이 추가되었습니다.

문제의 원인과 해결 방법을 잘 모릅니다.

질문을 요약하면 동적으로 추가 된 텍스트 영역의 값을 모두 하나의 텍스트 영역으로 결합 할 수 있습니까? (JQuery는 내가하고있는 일을하기 위해 내 시도에서 제공했다.)

누구든지 도움을받을 수 있다면 크게 감사하겠습니다. 무초는 페이지의 모든 textarea 요소의 텍스트를 얻고 하나의 큰 textarea에 텍스트를 결합하려고하는 것 소리

$("#remelms").html($(".holddezvalz").html()).find("input [type=text], select, button, a").remove(); 
    if ($("#remelms").html() === "undefined") { 
    $("#remelms").html(""); 
    } 
    $("#apply-fullren-code").html($("#remelms").html()); 
    $("#fullrencode").val($("#apply-fullren-code").text()); 
    $("#apply-full-code").html("<style type='text/css'>"+ $("#fullrencode").val() +"</style>"); 

Answer 1

다음은 텍스트가 class="in"에 최종 그것은 각각의 소스 후 줄 바꿈을 추가 id="result"

$('#result').val(function() { 
    return $.map($('textarea.in'), function (el) { 
     return el.value 
    }).join('\n'); 
}); 

로 전환 싶어 예입니다.

DEMO

Answer 2

그라시아. 내가 틀렸다면 나를 바로 잡아주세요.

은 이렇게하려면 다음과 같이 jQuery를 조금 사용합니다 : 물건의 종류가 당신을 위해 찾고있는

function CombineTextAreas() { 
    var MyParent = $('body'); //or whatever parent element contains the textareas you need 

    var CombinedText; 

    MyParent.find('textarea').each(function() { 
     CombinedText += $(this).val(); 
     //add any combining logic in here 
    } 

    //use the CombinedText variable in a bigger textarea 
} 

인가?