Как получить значение текстовой области, которая динамически создается? jQuery

Question

Я в основном создаю textarea, когда пользователь нажимает кнопку. Мне нужно иметь доступ к значениям в текстовом поле и нажимать их на массив, а затем преобразовывать этот массив в строку.

Моя проблема в том, что значения textarea являются «неопределенными», даже если они содержат текст.

<button id="addquestion">Add Q And A</button> 

<div id="qandacontainer"> 
</div> 


<button id="formatcss">Format CSS</button> 

$('#addquestion').click(function() { 
    $('#qandacontainer').append("<div class='q_and_a'><p><strong>Question:</strong></br><textarea id='question_ta'></textarea></p><p><strong>Answer:</strong></br><textarea id='answer_ta'></textarea></p><button id='remove_qa'>Remove</button></div>");     
}); 

$('#remove_qa').live('click', function() {        
    $(this).parent().remove(); 
}); 

var qanda_list = []; 
$('button#formatcss').click(function() { 

    $('.q_and_a').each(function() { 

     var _this = $(this); 
     //Issue is that I cannot get the values within the textareas :(
     qanda_list.push(_this.children("textarea#question_ta").val()); 
     qanda_list.push(_this.children("textarea#remove_qa").val()); 

    }); 

Любые советы или рекомендации действительно оценены!

Answer 1

Проблемы заключается в том, что вы вызываете children() который получает немедленных детей из родительского контейнера, но ваш <textarea> не является непосредственными потомками $('.q_and_a') потому заворачивает в p. То, что вы должны сделать, это:

qanda_list.push(_this.find("textarea#question_ta").val()); 

который, кстати, вы можете просто сократить до:

qanda_list.push(_this.find("#question_ta").val());