Obtener valor de textarea añadida

agrego un área de texto con un botón

$(".mydiv").append("
my button
");

Después de eso, estoy escribiendo nuevos textos en textarea y tratando de obtener un nuevo valor escrito dentro de textarea con esta función de clic;

 jQuery(document).on('click','.sendReply', function () { var myNewText = $("#myTextarea").val(); console.log(myNewText); }); 

Pero dice que esta es una “cadena vacía”, si agrego un área de texto con un valor como mi función funciona y me da “algo de texto” pero si edito textarea y haga clic en el botón enviar (mi función de clic), todavía me da “algo de texto”, no cambia

¿Cómo puedo obtener el valor de área de texto editado después de aplicar un área de texto?

Usted tiene un . en .sendReply al .sendReply el HTML

Sólo tienes que eliminar . de .sendReply

Utilizar

 
my button
"

Como está utilizando la delegación de eventos, su jQuery funcionará.

¿Como estás agregando textarea con la misma ID varias veces? $("#myTextarea").val() siempre mostrará el valor del primer área de texto con id myTextarea . Puede usar una clase común y luego usar prev() para seleccionar el área de texto

Ver ejemplo

 $(document).ready(function() { $(document).on('click', '.sendReply', function() { var myNewText = $(this).prev(".myTextarea").val(); alert(myNewText); }); for (var i = 0; i < 5; i++) { $(".mydiv").append("
my button
"); } });
  

Debería ser

 $(".mydiv").append("
my button
");

entonces

 jQuery(document).on('click','.sendReply', function () { var myNewText = $("#myTextarea").val(); console.log(myNewText); }); 

no use el punto (.) para el nombre de clase ..

En lugar de usar div … use algún estándar para codificar … puede hacer que tenga un botón … aquí está el código

 
$(".mydiv").append(""); jQuery(document).on('click','.sendReply', function () { var myNewText = $("#myTextarea").val(); console.log(myNewText); alert(myNewText); });

JSFIDDLE